Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> Win10 下使用 ionic 框架開發 android 應用之搭載開發環境,win10ionic

Win10 下使用 ionic 框架開發 android 應用之搭載開發環境,win10ionic

編輯:關於android開發

Win10 下使用 ionic 框架開發 android 應用之搭載開發環境,win10ionic


轉載請注明出處:http://www.cnblogs.com/titibili/p/5102035.html

謝謝~

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

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

安裝後需要進行如下配置:wps9A84.tmp

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

wps9A85.tmp

     1)JAVA_HOME

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

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

wps9A95.tmpwps9A96.tmp

       2)Path

           %JAVA_HOME%\bin;

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

wps9AA7.tmp

       3)CLASSPATH

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

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

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

wps9AB8.tmp

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

wps9AC8.tmpwps9AC9.tmpwps9ADA.tmp

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

wps9ADB.tmpwps9AEB.tmpwps9AEC.tmp

3、 下載Android Studio

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

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

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

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

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

wps9B0F.tmp

測試一下:

wps9B1F.tmp

4、下載NodeJs並安裝

     https://nodejs.org/download/

wps9B20.tmp

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”

wps9B31.tmp

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved