cordova 打包工具

1、環境安裝

一、安裝NodeJscss

https://nodejs.org 直接去官網下載並按默認路徑安裝就能夠了。html

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

$ npm

二、安裝Cordovanode

命令行：$ npm install -g cordovaandroid

若是安裝不成功，通常是網絡緣由， 安裝成功後命令行：   $ cordovaios

（測試成功！）apache

PS：也能夠安裝cnpm，這樣就容易裝cordovanpm

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

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

三、部署Android開發環境

Cordova是一種Hybrid開發，能夠被部署到android，ios等多個手機平臺。這裏咱們以android爲目標平臺。

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

這裏咱們安裝AndroidStudio，能夠訪問 http://www.android-studio.org/  

裏邊有國內的下載鏡像。

PS：理論上，AndroidStudio能夠不安裝，但第一次使用Cordova或者遇到問題，用AndroidStudio容易調試

四、安裝JDK

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

或國內鏡像 http://jdk.android-studio.org/

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

五、安裝Android SDK

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

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

六、安裝Ant

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

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

2、項目打包

一、建立一個cordova項目
      在命令行中敲入如下命令：
      cordova create test com.example.test ：其中第一個位置的test是指你的項目名，第二個位置的com.example.test是指你打包的apk的包名。

二、增長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

三、編譯打包
       將你寫的一些html、css、js文件放到你建的項目目錄下的www文件下對應的位置：

而後在命令行下輸入如下命令：
cordova build android
而後就是靜靜的等待編譯。。

根據成功提示，在platforms\android\build\outputs\apk下爲生成的WebApp安裝包

3、在AndroidStudio中打開Cordova項目

       一、打開AS，FILE-New-Import Project

       二、選擇剛剛編輯打包生成的Cordova項目中的platforms\android\build.gradle文件

4、遇到的問題

一、項目採用Framework7+RequeireJs單頁面，按需加載，項目Js文件夾命名爲View-Js，RequireJs沒法正確找到文件路徑，剛開始覺得是requireJs與cordova的require方法衝突。

     解決方案：文件夾中不容許包含-，將其改爲下劃線