cordova+vue+android整合打包成apk

最近想試着打包apk，而後用到cordova平臺，vue框架，加上安裝Java的jdk，android的jdk一堆的環境，對於前端的我來講，安裝環境真的是最麻煩的，網上的教程不少，新的舊的都有，跌跌撞撞終於弄出來了，綜合一下寫下來，留給本身看看。
如下個人電腦室windows x64的

https://www.cnblogs.com/summa...

一、安裝java sdk
首先，去官網下載，https://www.oracle.com/techne...，點擊accept license agreenment

下載好後，雙擊安裝：

而後選擇好本身要安裝的路徑：

安裝JDK的時候，會自動給你安裝JRE，選擇好本身要安裝的路徑：

安裝完成，點擊關閉。

如今要配置環境變量。新建一個系統環境變量，變量名爲JAVA_HOME，變量值爲JDK的安裝路徑：

而後在系統變量列表中，雙擊Path變量，並將 %JAVA_HOME%bin; %JAVA_HOME%jrebin追加到變量值後面（注意，在變量裏不要有任何多餘的空格）：

最後驗證安裝是否成功，打開命令行窗口，在命令提示符下執行javac -version。若是安裝成功，就會看到版本號

二、安裝AndroidSDK
首先，下載AndroidSDK，http://www.androiddevtools.cn/
找到對應的sdk tools下載：

選擇一個最新的版本就好了。注意，這裏有exe和zip兩種文件可供下載，exe的就是個安裝程序，下載下來須要本身雙擊安裝。我這裏下載zip壓縮包，下載後，直接解壓縮到你想要安裝Android的路徑就好了。解壓後的文件目錄以下：

而後就雙擊「SDK Manager.exe」，啓動SDK Manager：
這裏要裝哪些，我也不是很清楚，參考一做者裏面講的（後面會附上參考的文章連接）。裝了一些高版本的，而後裝上對應的android版本的API，下載過程比較慢，這裏我android是7.0版本的。

最後一步，設置環境變量。
首先，新建一個系統環境變量，變量名爲ANDROID_SDK_HOME，變量值爲你的SDK安裝路徑，這裏個人安裝路徑爲D:android-sdk-windows，如圖所示：

而後把」platform-tools「和」tools」路徑追加到系統環境變量Path中，%ANDROID_SDK_HOME%platform-tools;%ANDROID_SDK_HOME%tools：

檢驗一下Android SDK是否安裝成功：在命令行窗口中輸入」adb version「：

三、安裝gradle
首先，下載，https://services.gradle.org/d...，我下載的是這個

再來配置環境變量，
新建一個系統環境變量，變量名爲GRADLE_HOME，變量值爲安裝路徑，這裏個人安裝路徑爲D:Program Filesgradle-4.1

系統變量追加path，%GRADLE_HOME%bin。

到這裏，環境算是安裝完成了

四、cordova+vue
如今來搭建cordova平臺，和vue項目。

• 全局安裝nodejs

node安裝：直接進入官網https://nodejs.org/zh-cn/，驗證安裝成功：node -v
npm安裝：新版的nodejs已經集成了npm，因此node安裝時npm也一併安裝好了。驗證安裝成功： npm -v

• 全局安裝cordova

執行命令：npm install -g cordova，驗證安裝成功：cordova -v

• 新建cordova項目

執行命令：

cordova create myproject com.example.myproject myproject
cd myproject
cordova platforms add android

• 新建vue項目

直接在cordova項目根目錄中建立vue項目：

npm install -g vue
npm install -g vue-cli
vue init webpack vue-app
cd vue-app
npm install

修改Vue項目config/index.js文件.

編譯vue項目文件

npm run build

就能夠直接編譯vue項目自動到cordova主目錄下的www文件夾中。

• 調試打包apk軟件

首先，檢查總體環境：
cordova requirements
我這裏貌似少個虛擬機，可是對打包apk也沒有影響，後面再繼續研究

執行命令：

cordova build android

後面的apk簽名還沒弄...，先寫一半

注意：
一、首次使用時，命令行提示 Downloading https://services.gradle.org/d...，是在下載對應的gradle並自動解壓安裝，根據網絡情況，可能耗時極長，且容易報錯。
能夠這麼運行 將下載的zip文件放一份在gradle文件下：

修改對應文件的路徑：

二、安裝SDK Manager.exe的時候可能會出現閃退的狀況，能夠參考這的文章：
【轉載】https://blog.csdn.net/puma004...
三、安裝SDK Manager.exe項次的時候，能夠參考這的文章：
【轉載】https://www.cnblogs.com/xiong...