1. 程式人生 > >cordova打包web專案成apk的流程,記錄一下。方便你我他

cordova打包web專案成apk的流程,記錄一下。方便你我他

最近有個需求,需要打包vue專案成apk。之前負責的員工離職了,沒辦法了,我來研究了1天多,參考了好幾篇文章。我忘了,不能一一列舉,不好意思了。只列舉一篇了 連結在這裡 http://www.cnblogs.com/zhou123/p/9253543.html。我綜合了他們的思路,做了一些改變,應該說更簡單。

1.       安裝node.js 下載地址 https://nodejs.org/en/download/ 下一步即可

2.安裝JDK 下載地址

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

3 安裝gradle 下載地址

http://services.gradle.org/distributions/

  1. 配置環境變數JAVA_HOME 值就是安裝JDK的物理路徑

 

 

下一步 雙擊“Path”,在這裡新增3個值,分別指向一個資料夾和兩個jar檔案

 

 

4 安裝android sdk

可以在官網下載 sdk 也可以安裝android studio來解決。我是通過此方式配置,所以只講這種方式。下載地址 https://developer.android.google.cn/studio/index.html 

下載安裝完成後 點選下圖箭頭處,開啟介面

介面如下圖,記住紅框標誌處,這是安卓sdk的位置。選中多個安卓版本點選確認。安裝版本。

 

下一步,配置環境變數

首先建一個變數ANDROID_HOME,值為上圖記住的sdk路徑

下一步,雙擊Path,在下圖中新增3個變數,分別指向這3個資料夾

 

5 安裝cordrova

npm install -g cordova

6 建立cordrova工程

利用doc命令進入vue原始碼資料夾,

7建立一個cordova工程 命令cordova create hello com.example.hello helloworld

Hello 是資料夾名,helloworld是app名。com.example.hello是專案包名

7 打包vue專案,不再囉嗦

8 利用doc命令進入hello資料夾,再執行doc命令新增平臺 cordova plarform add android

9 刪除hello資料夾內的www的檔案。 拷貝dist內的vue檔案到hello內的www資料夾內。

10 最後執行命令 cordova build android。如果出現下面的提示,就表示成功了。作為一個.net程式設計師,我表示環境變數很痛苦啊,心疼java程式設計師一下。文筆較差,就寫到這裡了。多謝你的閱讀

另外提示,儘量路徑中不要有中文。安裝android studio 也不要有中文