Windows環境下安裝Ionic

標籤：命名   下界   平台   jdk   windows環境   安裝過程   java   表示   引用   

 1. 首先要安裝node環境,Ionic的安裝和後續的許多前端工具的安裝都依賴於node的包管理器npm。

     nodeJs環境的安裝很簡單，去官網下載最新版的NodeJs直接安裝即可。      Node官網：   https://nodejs.org/

     百度雲地址：http://pan.baidu.com/s/1jGAEQVW

     node環境變數在安裝過程中會自動設定，安裝完成後在cmd中輸入 npm -v 斷行符號。如果出現版本號碼說明安裝成功。

     node安裝參考：http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html

 

 2. 安裝jdk並且配置環境變數,如果已經安裝了jdk則跳過這步。

     jdk：http://www.oracle.com/technetwork/java/javase/downloads/index.html

     安裝完成以後配置環境變數：

     JAVA_HOME:

  　JDK的安裝路徑，這個環境變數本身不存在，需要建立，建立完則可以利用%JAVA_HOME%作為統一引用路徑，其值為：jdk在你電腦上的安裝路徑。

      PATH：

      PATH屬性已存在，可直接編輯。作用是用於配置路徑，簡化命令的輸入，其值為：%JAVA_HOME%\bin。　 

     CLASSPATH：

  　用於編譯時間JAVA類的路徑，注意這裡設定的是兩個值，(.;)表示的是JVM先搜尋目前的目錄。其值為：.;%JAVA_HOME%\lib\tools.jar。

      配置完畢後，通過cmd運行以下命令：java -version，javac 如果出現返回資訊，則設定成功。

    

 3. 安裝Android SDK. 

     ： http://developer.android.com/sdk/index.html  這個地址被牆了。需要FQ使用。

     百度雲地址： http://pan.baidu.com/s/1sj7cL8T

     這裡可以只下載Android SDK 不需要一併下載 Android Studio。下載完成並安裝然後向系統Path環境變數中添加兩個值。分別是 Android SDK中tools目錄的路徑和platform-tools的路徑。例如：

                C:\Program Files (x86)\Android\android-sdk\tools;

                C:\Program Files (x86)\Android\android-sdk\platform-tools;

     如果發現Android SDK安裝目錄中並沒有 “ platform-tools”這個檔案夾，應該運行tools目錄下的android.bat檔案，然後出現如下介面，勾選Android SDK Platform-tools 然後安裝。

     環境變數配置完成以後在cmd中輸入 android並且斷行符號。如果出現android sdk manager則說明安裝成功。

 

4. 安裝 Apache  ant.

    ant： http://ant.apache.org/bindownload.cgi

    百度雲地址：http://pan.baidu.com/s/1eQxpN8m

    環境變數：

    Windows下ANT用到的環境變數主要有2個： ANT_HOME 和 PATH。 
    eg：
    1. 設定ANT_HOME指向ant的安裝目錄。 
    設定方法：ANT_HOME = D:\apache_ant_1.7.0 

    2. 設定bin和lib目錄到PATH變數中。將%ANT_HOME%\bin; %ANT_HOME%\lib添加到環境變數的path中。 
   設定方法：PATH = %ANT_HOME%\bin; %ANT_HOME%\lib 

    %ANT_HOME%可以用真實的路徑代替。

    安裝完成以後在cmd中輸入 ant -version 驗證是否安裝成功。

 

5. 安裝ionic和demo項目下載。

    1)使用npm下載ionic

   npm install -g ionic

　 2)選擇一個ionic模板項目下載到本地。中間會有一些問詢，比如是否使用sass.app的命名等。

   md myApp

   cd myApp  //建立一個檔案夾並且進入。

   ionic start myApp tabs 

    3)給項目添加android平台。

   ionic platform android

    4)在模擬器中運行項目

　ionic emulate android
   

  ionic run android（真機上運行）

  說明： 運行emulate/run命令的時候會在platforms目錄下產生apk.
      
        在執行platform和emulate命令的過程中如果出現報錯大多是因為android環境沒有安裝完全導致的。請在cmd中輸入android開啟android SDK manager檢查相關的包是否已經安裝完全。
    
        一般來說，tool和emulator都是必須要安裝的.然後選擇某一版本的android API進行安裝。

Windows環境下安裝Ionic