Ionic 開發環境搭建


android sdk環境搭建並非易事,本人經過無數失敗,才使用以下方式成功 配置Ionic 開發環境

1、下載JDK並配置Java運行環境

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

     安裝后需要進行如下配置:

     在“系統變量”中,設置3項屬性,JAVA_HOME,PATH,CLASSPATH(大小寫無所謂),若已存在則點擊“編輯”,不存在則點擊“新建”。

     1)JAVA_HOME

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

         注意:JAVA_HOME指明JDK安裝路徑,就是剛才安裝時所選擇的路徑,此路徑下包括lib,bin,jre等文件夾。

         

       2)Path

           %JAVA_HOME%\bin;

    在系統變量Path的值的最前面加入.否則可能在運行時,系統選擇部署在前面的jre環境。
    注意:Path使得系統可以在任何路徑下識別java命令

           

       3)CLASSPATH

           .;%JAVA_HOME%\lib

          注意: 點好表示當前目錄,不能省略

                 CLASSPATH為java加載類(class or lib)路徑,只有類在classpath中,java命令才能識別

           

         測試:“開始”->“運行”,鍵入“cmd”,鍵入命令“java -version”,出現下圖畫面,說明環境變量配置成功。

         

 

2、下載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變量是一樣的,注意以 ; 隔開每個環境變量的值)

      

 

3、 下載Android Studio 

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

       1)由於下載Android SDK並非易事,需要配置代理或翻牆;

       2)在使用中會有各種報錯或提示更新sdk等亂七八糟問題,

       因此推薦下載Android Studio (百度軟件中心下載速度不錯),下載后進行安裝,會提示選擇SDK安裝路徑,我們主要使用的就是這個SDK。

       完成安裝后向系統Path環境變量中添加兩個值。分別是 Android SDK中tools目錄的路徑和platform-tools的路徑。例如:

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

       

 

4、下載NodeJs並安裝

     https://nodejs.org/download/

      

 

5、安裝Ionic 和 Cordova

    http://ionicframework.com/getting-started/

    運行“CMD” 鍵入“npm install -g cordova ionic” 根據網絡環境,安裝的時間有所不同。

    安裝完成后,就可以創建一個Ionic項目“ionic start myApp tabs”

    進入myApp項目 “cd myApp” 

    在瀏覽器中運行 "ionic serve" 

    添加安裝平台 “ionic platform add android” 

    編譯成apk “ionic build android”

    直接在手機上進行調試“ionic run”


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM