Windows環境下安裝Ionic

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

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

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

     node環境變量在安裝過程當中會自動配置,安裝完成後在cmd中輸入 npm -v 回車。若是出現版本號說明安裝成功。node

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

 

 2. 安裝jdk而且配置環境變量,若是已經安裝了jdk則跳過這步。apache

     jdk下載地址:http://www.oracle.com/technetwork/java/javase/downloads/index.htmlnpm

     安裝完成之後配置環境變量:sass

     JAVA_HOME:oracle

   JDK的安裝路徑,這個環境變量自己不存在,須要建立,建立完則能夠利用%JAVA_HOME%做爲統一引用路徑,其值爲:jdk在你電腦上的安裝路徑。app

      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進行安裝。
相關文章
相關標籤/搜索