1.所需环境
- nodejs
- java sdk
- android sdk
- gradle
- cordova
2.环境配置
2.1 nodejs
nodejs官网下载长期支持版,一键傻瓜式安装即可。不再赘述。
确定是否安装成功,可以在终端输入 node -v 查看
2.2 java sdk
由于兼容性问题,java sdk 使用jdk8,可在这里下载。提取码:y4gr
安装时,建议自定义安装路径。
安装完成后,配置JAVA_HOME:
新建系统变量:
在系统变量path中,加入如下项目:
jdk环境变量配置完成,检查是否配置正确,可以在终端输入javac.
2.3 android sdk
下载安装android sdk installer_r24.4.1-windows.exe,安装所需API。
这里建议可以安装在非系统盘。
安装完成后,下载所需级别Android API。
接下来配置ANDROID_HOME:
新建系统变量:
然后在系统变量path中,加入如下项目.
android sdk到此安装完成。
2.4 gradle
这里使用gradle-6.2.2,下载完解压。
接下来配置GRADLE_HOME:
然后在系统变量path中,加入如下项目。
2.5 CLASSPATH
配置CLASSPATH:
变量值为: .;%JAVA_HOME%lib;%JAVA_HOME%libtools.jar
2.6 cordova
全局安装cordova
npm install -g cordova
3 cordova项目
创建项目:
cordova create hello app.example.com HelloWorld
切换到项目目录'/hello'下,添加android平台:
cordova platform add android --save
打包环境检查:
cordova requirements
打包为android APK:
cordova build android
输出APK目录,则打包成功。
可能很多人会遇到如下gradle报错:
网络上查了很多方法都没有解决,最终在stackoverflow上一个类似提问下,找到解决方法。
运行:
cordova clean
重新运行打包命令,即可成功打包出android APK.
5 cordova + vue
cordova目录结构中'www'为源文件目录。因此,只需将vue项目的打包文件设置为Cordova项目中的www即可。
修改vue项目配置文件vue.config.js中的'outputDir':
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。