Windows下Ionic Android開發環境搭建
阿新 • • 發佈:2019-02-14
在Windows下試了試用Ionic開發Android應用,試通了。記錄了過程。列在下面,供參考。
1. JDK
安裝完畢後要配置環境變數。
- JAVA_HOME
我安裝在這裡:C:\Program Files (x86)\Java\jdk1.8.0_66
。
- Path
修改下當前使用者的Path,加上%JAVA_HOME%\bin
:
- CLASSPATH
給當前使用者下建一個CLASSPATH變數:
2. Android SDK
想辦法下吧,我是下好的。
- ANDROID_HOME
新建一個ANDROID_HOME環境變數:
- 修改Path
在Path中新增%ANDROID_HOME%\tools
和%ANDROID_HOME%\platform-tools
:
3. Node.js
4. 安裝cordova和ionic
開始選單,開啟Node.js選單項:
選擇Node.js command prompt,開啟後就進入命令列環境了,執行:
npm install -g cordova ionic
等待一會兒,cordova和ionic就安裝好了:
5. 建立ionic專案
找一目錄,執行:
ionic start myApp tabs
這個命令會建立一個使用tabs模板的應用——myApp。你可以執行下面的命令看看這個應用都可以支援什麼平臺(其實是cordova支援的平臺):
cordova platforms
輸出類似這樣:
6. 給myApp應用新增android平臺
執行:
cd myApp
ionic platform add android
結果可能類似下圖:
7. 編譯APK
執行:
ionic build android
然後……假如你沒有gradle,ionic會幫你下載。如下圖:
過程好漫長的……
終於解壓了:
不過還要下載maven:
一通等待……
哇,經過一個多小時,終於成功了:
看到那個BUILD SUCCESSFUL就說明成功了。
8. 真機執行APK
把安卓手機連線到電腦,執行adb devices
ionic run android
,會自動找到你的手機,把apk安裝上去,啟動起來。
下面是相關命令的截圖:
下面是真機執行的截圖:
假如你想用模擬器,只要使用AVDManager建立一個,不連線真機的話,ionic run android
也可以找到你的模擬器。
Ok,到這裡,環境搭建、示例App構建、真機執行,就Ok了。