Mac下ionic@3+ng環(huán)境配置及打包

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ò))

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容