16120六、 Ionic、Angularjs、Cordova搭建Android開發環境

一、jdk 
環境變量配置 
path：C:\Program Files\Java\jdk1.7.0_79\bin 
二、Node.js 
由於安裝cordova時要用到node.js的npm 
下載地址： 
http://nodejs.org/ 
下載安裝成功以後,打開cmd,進入D盤,建立cordova的工做空間: mkdir cordovaspace 
測試安裝結果命令: node -v 
三、Git 
用於後面有些插件可能須要用git來下載, 
下載地址: 
http://git-scm.com/

四、ant 
下載地址:http://ant.apache.org/bindownload.cgi 
下載好以後,解壓,我這裏解壓到D:\Delp_Tool\ant-1.8.2下, 
而後在環境變量中配置變量ANT_HOME,值:D:\Delp_Tool\ant-1.8.2, 
在PATH中追加%ANT_HOME%\bin; 
測試安裝效果命令: ant -v 
注：若是不安裝的話後臺的操做會報找不到ant; 
五、cordova 
1)安裝命令：npm install -g cordova 
2)測試安裝結果命令：cordova -v

若是安裝cordova和ionic長時間沒反應，試試如下的解決方案：

I.經過config命令 
npm config set registry https://registry.npm.taobao.org 
npm info underscore （若是上面配置正確這個命令會有字符串response）

II.命令行指定 
npm –registry https://registry.npm.taobao.org info underscore

III.編輯 ~/.npmrc 加入下面內容 
registry = https://registry.npm.taobao.org

若是遇到npm WARN deprecated minimatch@2.0.10: Please update to minimatch3.0.2問題，可執行： 
npm install minimatch@3.0.2 
六、ionic 
npm install -g ionic 
六、建立app 
這裏建立一個命名爲firstApp，id爲com.cycle.first的app，放在first文件夾下:

建立命令：cordova create first com.cycle.firstApp firstApp　-d

建立過程須要下載一些cordova的庫，因此得等一下，上面命令中的-d是展現建立過程當中的一些細節。

七、添加平臺(注：添加平臺前必須得先安裝該平臺的sdk) 
1)安裝sdk

注意：安卓sdk和cordavo版本之間有這麼個關係:

3.0須要的是Android-17（Android 4.2.2）

3.1和3.2須要android-18（Android 4.3）

3.三、3.四、3.5須要android-19（Android 4.4.2）（同時ant1.8+）

下載安裝好adt後，還須要在環境變量中配置變量ANDROID_HOME，值得爲sdk全部的目錄，

好比個人就安裝D:\androidWorkspace\adt\sdk，那就將ANDROID_HOME指向這個目錄，並在PATH中

追加%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

注：修改了PATH後須要重啓cmd才能夠生效。 
2)添加平臺 
接下來的命令都須要在app的次級目錄下執行，

進入first : cd first

添加安卓: cordova platform add android

添加其餘的平臺：

cordova platform add iOS

cordova platform add amazon-fireos

cordova platform add blackberry10

cordova platform add firefoxos

回車後，會開始下載安卓的相關庫，等等吧。。。

建立完以後能夠用下面這條命令來查看已添加以及可支持添加的平臺：

cordova platforms ls

若是想刪除某個平臺的話，能夠這樣：

cordova platform rm amazon-fireos

cordova platform remove android

添加以後會./first/platforms下的目錄，增長一個相應平臺的目錄，而刪除平臺的話，也會將這個目錄刪除。 
八、編譯app 
cordova build

這條命令將編譯./firstApp/platforms下全部的平臺，若是隻想單獨編譯其中的平臺的話，只須要在build上增長該平臺名便可。

cordova build　android

貌似頭一回編譯時都比較慢。。。

編譯的過程當中，會輸出一堆東西。。最後若是看到build successful,就能夠了。

實際上，build命令是prepare 以及compile兩條命令的縮寫。上面這條命令至關於：

cordova prepare android

cordova compile android 
九、測試一下app吧 
1)模擬器上測試： 
輸入下面命令：cordova emulate android 
可是，查資料說Windows下convert命令衝突，直接「cordova emulate android」會報Error: spawn ENOENT，須要先啓動模擬器。 
2)瀏覽器上測試： 
輸入下面命令：cordova serve android 
而後在瀏覽器中輸入http://localhost:8000　便可看到支行狀況。 
注:能夠打開多個cmd運行同一個app，可是端口會8000開始+1； 
3)設備上測試： 
插入usb，輸入下面命令：cordova run android

Android建立安裝運行： 
ionic start myproject 
cd myproject 
ionic platform add android 
ionic build android 
ionic emulate android 模擬器上運行 
ionic run android 手機上運行

參考文檔： 
http://www.aichengxu.com/view/44135 
http://www.javashuo.com/article/p-oacmfbxr-hb.html

遇到問題： 
若是遇到 Using this version of Cordova with older version of cordova-andr oid is being deprecated. Consider upgrading to cordova-android@5.0.0 or newer. 
解決辦法：切換到工程目錄，執行cordova platform add android@5.0.0

若是遇到 
line 14: 6980 Illegal instruction node 「basedir/nodemodules/cordova/bin/cordova""@」 
解決辦法是：Win7系統更新：Service Pack 1

注：轉載自http://blog.csdn.net/u012868077/article/details/51588445