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