ionic+angularjs開發hybrid App(環境配置+建立測試項目)

本文使用的系統是win10

由於後期須要使用nodejs 因此先把node裝好

https://nodejs.org/download/

下載JDK並配置Java運行環境

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

安裝後配置環境變量 以下:

新增JAVA_HOME:(本身的安裝路徑和版本)

 C:\Program Files\Java\jdk1.8.0_73

(注意:JAVA_HOME指明JDK安裝路徑，就是剛纔安裝時所選擇的路徑，此路徑下包括lib，bin，jre等文件夾。)配置如圖

編輯path環境變量:

 

 %JAVA_HOME%\bin;

 

在系統變量Path的值的最前面加入。不然可能在運行時，系統選擇部署在前面的jre環境。(注意：Path使得系統能夠在任何路徑下識別java命令)

新增CLASSPATH：

.;%JAVA_HOME%\lib

注意: 點號表示當前目錄，不能省略( CLASSPATH爲java加載類(class or lib)路徑，只有類在classpath中，java命令才能識別)

測試環境是否配置成功：「開始」－>「運行」，鍵入「cmd」，鍵入命令「java -version」，出現下圖畫面，說明環境變量配置成功。 (win鍵+R–>cmd –>回車)

配置Apache-ant：（在path變量裏編輯）

下載Apache Ant 並將其bin目錄路徑添加進Path路徑

http://mirror.tcpdiag.net/apache/ant/binaries/

下載完成後解壓 ，如存放在C盤 Program Files目錄下則Path中添加以下值 C:\Program Files\apache-ant-1.9.4\bin；並添加path環境變量（添加方法和java配置path變量是同樣的，注意以 ； 隔開每一個環境變量的值,如上圖path值）

C:\Program Files\apache-ant-1.9.4\bin

測試Apache-ant是否配置好

下載、配置Android Studio

推薦：http://rj.baidu.com/soft/detail/27390.html?ald

下載後進行安裝，會提示選擇SDK安裝路徑，咱們主要使用的就是這個SDK。

完成安裝後

增長ANDROID_HOME環境變量：

C:\Users\Administrator\AppData\Local\Android\sdk

在path變量中添加：

%ANDROID_HOME%\platform-tools;  
%ANDROID_HOME%\tools;  

如上 環境就配置好了

 

建立一個ionic項目

安裝Ionic 和 Cordova（將cordova和ionic包安裝到全局環境中）

win+R–>cmd(管理員)

根據網絡環境，安裝的時間有所不一樣

npm install -g cordova ionic

安裝完成後，就能夠建立一個Ionic項目(官方提供的)

ionic start myApp tabs(底部導航)
ionic start myApp blank(空白項目)
ionic start myApp sidemenu(側邊導航菜單)

啓動ionic項目

cd myApp(myApp爲項目名稱)

ionic serve

鍵入ionic server後，會自動在瀏覽器打開項目。

編譯成Android apk

ionic build android