1、nodejs環(huán)境(版本號(hào):14.15.0)
2、安裝ionic和cordova
npm install -g ionic cordova
安裝后查看是否安裝成功
ionic –v 與cordova –v
3、安裝Angular-CLI
npm install -g @angular/cli
安裝后 ng v 查看?
4、安裝android SDK
安裝方式有兩種
第一種是通過(guò)下載Android studio軟件默認(rèn)自帶SDK。(下載地址:https://developer.android.google.cn/studio/)
第二種是自行下載。
5、配置android SDK環(huán)境變量
1)打開(kāi)終端輸入?vim ~/.bash_profile放入以下配置
export ANDROID_HOME=/Users/liudecheng/Library/Android/sdk (注:放對(duì)應(yīng)路徑)
export PATH=${PATH}:/Users/liudecheng/Library/Android/sdk/platform-tools:/Users/liudecheng/Library/Android/sdk/tools(注:放對(duì)應(yīng)路徑)
2)寫入后:wq保存(wq保存不了用wq!強(qiáng)制保存)
3)輸入source ~/.bash_profile 讓文件立即生效
4)終端輸入adb version查看是否生效
6、JAVA工具包下載(JDK)
版本:java1.8
java -version查看
下載后配置環(huán)境變量:
1)打開(kāi)終端輸入?vim ~/.bash_profile放入以下配置
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_341.jdk/Contents/Home(注:放對(duì)應(yīng)路徑)
PATH=$JAVA_HOME/bin:$PATH:.(注:放對(duì)應(yīng)路徑)
CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.(注:放對(duì)應(yīng)路徑)
export JAVA_HOME
export PATH?
export CLASSPATH
2)寫入后:wq保存(wq保存不了用wq!強(qiáng)制保存)
3)輸入source ~/.bash_profile 讓文件立即生效
7、Gradle下載
下載地址:https://services.gradle.org/distributions/
選擇gradle-6.7.1-all.zip下載后解壓(位置隨便放)
8、Gradle環(huán)境配置
1)打開(kāi)終端輸入?vim ~/.bash_profile放入以下配置
export GRADLE_HOME=/Users/liudecheng/downloads/gradle-6.7.1(注:放對(duì)應(yīng)路徑)
export PATH=$PATH:$GRADLE_HOME/bin(注:放對(duì)應(yīng)路徑)
2)寫入后:wq保存(wq保存不了用wq!強(qiáng)制保存)
3)輸入source ~/.bash_profile 讓文件立即生效
4)終端輸入gradle -version查看是否生效
9、創(chuàng)建ionic項(xiàng)目
命令:sudo ionic start myApp tabs (myApp=項(xiàng)目名字,tabs=模版)
10、啟動(dòng)項(xiàng)目到瀏覽器(進(jìn)入項(xiàng)目目錄)
命令:sudo ionic serve
11、添加安卓平臺(tái)進(jìn)入項(xiàng)目
命令:sudo ionic cordova?platform?add?android
12、打包apk
命令:sudo ionic cordova build android
運(yùn)行到手機(jī):sudo ionic?cordova run android
(注:建議用上sudo,有遇到權(quán)限問(wèn)題報(bào)錯(cuò))