ionic跨平台開發指南(一)--開發環境的配置

最近，運用了ionic架構開發了個跨平台項目，當中遇到或多或少的問題，特此分享，希望能幫助廣大開發人員！

（一）ionic開發環境的配置

     1、下載下傳安裝nodejs

       到官網下載下傳需求版本https://nodejs.org/dist/，用于輔助指令行運作ionic相關指令。這裡需注意下載下傳的nodejs版本不能過高，否則npm指令安裝ionic時會報錯，建議下載下傳安裝V0.12.6版本。

      2、安裝ionic架構

          通過npm指令輔助安裝：

          win中npm install -g ionic   mac中sudo npm install -g ionic

      3、安裝cordova及git指令行工具

           由于是跨平台移動Hybird  APP，需通過cordova插件實作與原生的互動，以達到相應的功能。

           由于git（https://github.com/）中有較多的實作相應功能的cordova插件,可直接安裝使用,可提升開發速度。

           需要相應的插件也可以到cordova官網下載下傳：http://cordova.apache.org/plugins/

           win中npm install -g cordova     Mac中sudo npm install -g cordova 

           git CLI下載下傳位址：http://git-scm.com/download/

    4、Android環境的配置

         ①下載下傳安裝java SE:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

              在環境變量中建立JAVA_HOME，值為jdk所在的路徑

              CLASSPATH  .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;             

              PATH    %JAVA_HOME%\bin;

         ②下載下傳安裝Android SDK，并在環境變量中配置ANDROID_HOME（值為SDK所在路徑）             

            在PATH中添加 %ANDROID_HOME%\tools;

             %ANDROID_HOME%\platform-tools;

             注意由于ionic不斷在更新Android SDK也需要對應的新版本，否則編譯項目時會報錯，建議多下幾個版本，目前無法連到google下載下傳，可用國内的一些鏡像，如下圖：

   5、ant的安裝

         編譯項目時需使用，http://ant.apache.org/bindownload.cgi，安裝後，在環境變量中PATH中配置ant中bin所在路徑。

  6、ios環境配置

       需要有一台MAC系統電腦，并安裝最新的xcode即可。

      由于時間問題，下一章再為大家介紹具體的項目開發，待更新...