1.jdk安裝與配置

1.1 jdk下載地址：

jdk下載地址

jdk下載

下載完畢安裝即可

1.2 環(huán)境變量配置

a-系統(tǒng)變量增加：JAVA_HOME

把jdk的安裝路徑復制即可

JAVA_HOME

b-系統(tǒng)變量增加：CLASSPATH

值為 ------

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

注意開頭的一個點

CLASSPATH

c-在Path系統(tǒng)變量的后面增加

------ ;%JAVA_HOME%\bin;

image.png

d-命令javac正常運行即可

image.png

2.android環(huán)境變量配置

2.1 下載SDK Tools----

http://developer.android.com/sdk/index.html#Other

image.png

2.2 下載完畢，安裝或者解壓后，在相應目錄下找到并打開SDK Manager.exe

image.png

SDK Manager默認勾選了一些選項，直接點擊Install packages安裝即可

image.png

image.png

如果安裝過慢，可以用國內的鏡像，或者分包下載

http://www.androiddevtools.cn/

image.png

找到相應的包下載即可：

http://mirrors.opencas.cn/android/repository/

image.png

2.3 Android環(huán)境變量配置

a-找到SDK Manager所在的目錄

上面下載的包都在同一目錄下

image.png

b-新建系統(tǒng)變量：Android

把platform-tools和tools這兩個文件夾的路徑添加到變量值里面，中間用分號隔開

image.png

c-在Path系統(tǒng)變量的后面增加------ ;%Android%

image.png

d-命令adb正常運行即可

image.png

3 安裝ionic和cordova

a-通過npm全局安裝

image.png

b-測試是否成功安裝

image.png

c-如果npm安裝過慢或不成功，可以試試國內淘寶的npm鏡像

4.創(chuàng)建項目、打包、發(fā)布

4.1 創(chuàng)建項目：ionic start appName

image.png

創(chuàng)建過程會問是否創(chuàng)建ionic.io賬號，n即可

image.png

4.2 進入創(chuàng)建好的項目目錄下，增加android平臺

成功增加后會在項目下增加一個platforms的文件夾

image.png

4.3 打包：在項目下用命令：ionic build android 打包

下載的過程會比較久

image.png

網絡不好的時候會直接報錯誤

image.png

所以直接拷貝一份成功打過包的.gradle文件夾到本機用戶名下就好：

image.png

成功打包后，會在platforms/android下增加一個build文件夾

打包好的apk在platforms/android/build/outputs/下，可以拷貝到手機上安裝了

image.png

4-4 直接通過usb數據線在手機上安裝

a-用數據線連上手機，輸入adb devices命令，測試手機是否成功連接

image.png

b-運行ionic run android直接安裝打過包的apk到手機上

image.png

c-真機演示效果

image.png

但是在chrome瀏覽器的虛擬手機中和IOS手機中，tabs是在下面的

image.png

解決方案如下：

在www/js/app.js中，對配置config的匿名函數增加一個參數，并在函數內增加一段代碼即可

參考網址：http://bbs.phonegap100.com/thread-1495-1-1.html

image.png

重新打包安裝后的真機效果：

image.png