windows环境配置cordova+Vue打包android APK

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':