161206、 Ionic、Angularjs、Cordova搭建Android開發環境

標籤：nic   4.4   blog   firefox   sid   convert   建立過程   adt   搭建   

1、jdk 
環境變數配置 
path：C:\Program Files\Java\jdk1.7.0_79\bin 
2、Node.js 
因為安裝cordova時要用到node.js的npm 
： 
http://nodejs.org/ 
下載安裝成功之後,開啟cmd,進入D盤,建立cordova的工作空間: mkdir cordovaspace 
測試安裝結果命令: node -v 
3、Git 
用於後面有些外掛程式可能需要用git來下載, 
: 
http://git-scm.com/

4、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; 
5、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 [email protected]: Please update to minimatch3.0.2問題，可執行： 
npm install [email protected] 
6、ionic 
npm install -g ionic 
6、建立app 
這裡建立一個命名為firstApp，id為com.cycle.first的app，放在first檔案夾下:

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

建立過程需要下載一些cordova的庫，所以得等一下，上面命令中的-d是展示建立過程中的一些細節。

7、添加平台(註：添加平台前必須得先安裝該平台的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.4、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下的目錄，增加一個相應平台的目錄，而刪除平台的話，也會將這個目錄刪除。 
8、編譯app 
cordova build

這條命令將編譯./firstApp/platforms下所有的平台，如果只想單獨編譯其中的平台的話，只需要在build上增加該平台名即可。

cordova build　android

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

編譯的過程中，會輸出一堆東西。。最後如果看到build successful,就可以了。

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

cordova prepare android

cordova compile android 
9、測試一下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 
1190000002933971

遇到問題： 
如果遇到 Using this version of Cordova with older version of cordova-andr oid is being deprecated. Consider upgrading to [email protected] or newer. 
解決辦法：切換到工程目錄，執行cordova platform add [email protected]

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

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

161206、 Ionic、Angularjs、Cordova搭建Android開發環境