cordova打包工具

一、環境安裝

1、安裝NodeJs

https://nodejs.org 直接去官網下載並按預設路徑安裝就可以了。

安裝完成後在命令列：（測試成功！）

$ npm

2、安裝Cordova

命令列：$ npm install -g cordova

如果安裝不成功，一般是網路原因，安裝成功後命令列： $ cordova

（測試成功！）

PS：也可以安裝cnpm，這樣就容易裝cordova

npm install -g cordova –registry https://registry.npm.taobao.org
npm install -g ionic –registry https://registry.npm.taobao.org

PPS：這種安裝方式，預設安裝的是最新版本的cordova，如果想要安裝特定版本的cordova，比如說cordova4.1.1，輸入以下命令：
npm install -g cordova@4.1.1
cordova的版本是和android的sdk的版本是有對應關係的

3、部署Android開發環境

Cordova是一種Hybrid開發，可以被部署到android，ios等多個手機平臺。這裡我們以android為目標平臺。

接下來我們開始android平臺下相關環境的部署。

這裡我們安裝AndroidStudio，可以訪問 http://www.android-studio.org/

裡邊有國內的下載映象。

PS：理論上，AndroidStudio可以不安裝，但第一次使用Cordova或者遇到問題，用AndroidStudio容易除錯

4、安裝JDK

oracle官網 http://java.oracle.com/ （下不來的FQ~~）

或國內映象 http://jdk.android-studio.org/

下載安裝後，配置環境變數：http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

5、安裝Android SDK

下載並安裝AndroidStudio，http://developer.android.com/sdk/index.html

安裝完成後配置sdk環境變數（cordova命令要用到）：http://jingyan.baidu.com/article/f71d603757965b1ab641d12a.html

6、安裝Ant

Ant是java平臺下一個打包部署的工具，使用cordova命令的時候需要藉助這個工具。

http://ant.apache.org/bindownload.cgi，下載zip壓縮包，解壓後配置環境變數：http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html

二、專案打包

1、建立一個cordova專案
在命令列中敲入以下命令：
cordova create test com.example.test ：其中第一個位置的test是指你的專案名，第二個位置的com.example.test是指你打包的apk的包名。

2、增加cordova平臺
進入你建立的專案目錄test,在命令列中敲入以下命令：
cordova platform add android

這裡新增的平臺是android的，你也可以新增其他的平臺：
cordova platform add wp8
cordova platform add windows
cordova platform add amazon-fireos
cordova platform add android
cordova platform add blackberry10
cordova platform add firefoxos
當然如果你不想使用哪個平臺，你可以把它刪除掉：
cordova platform rm ios
cordova platform rm firefoxos
cordova platform rm windows
cordova platform rm wp8
cordova platform rm firefoxos
cordova platform rm android
你也可以通過命令檢視都有哪些平臺以及你已經安裝了哪些平臺：
cordova platforms ls

3、編譯打包
將你寫的一些html、css、js檔案放到你建的專案目錄下的www檔案下對應的位置：

然後在命令列下輸入以下命令：
cordova build android
然後就是靜靜的等待編譯。。

根據成功提示，在platformsandroiduildoutputsapk下為生成的WebApp安裝包

三、在AndroidStudio中開啟Cordova專案

1、開啟AS，FILE-New-Import Project

2、選擇剛剛編輯打包生成的Cordova專案中的platformsandroiduild.gradle檔案

四、遇到的問題

1、專案採用Framework7+RequeireJs單頁面，按需載入，專案Js資料夾命名為View-Js，RequireJs無法正確找到檔案路徑，剛開始以為是requireJs與cordova的require方法衝突。

解決方案：資料夾中不允許包含-，將其改成下劃線