ionic 在mac上的環(huán)境搭建

<h1>全程VPN</h1>

1.下載并安裝nodejs

2. npm install -g cordova ionic //(安裝 ionic以及cordova, 不成功就用 sudo npm install -g cordova ionic ;sudo 用于提升權(quán)限)時(shí)間可能較長,請耐心等待

3 直接 命令行:ionic -v 或是 cordova -v 顯示版本即為成功,不成功的話就重復(fù)步驟(2)

4 安裝模擬器 :

 npm install -g  ios-sim       //代表模擬器運(yùn)行環(huán)境,
 npm install -g  ios-deploy    //代表真機(jī)運(yùn)行環(huán)境。

 若不成功可能是權(quán)限問題,之后遇到問題先加上sudo試試。
 sudo npm install -g  ios-sim    //代表模擬器運(yùn)行環(huán)境,
 sudo npm install -g  ios-deploy  //代表真機(jī)運(yùn)行環(huán)境。

5.創(chuàng)建項(xiàng)目

ionic start myApp         (默認(rèn)為tab )
ionic start myApp blank   (空項(xiàng)目)
ionic start myApp tabs    (有tab欄的項(xiàng)目,類似與手機(jī)qq主界面)
ionic start myApp sidemenu(有側(cè)邊欄的項(xiàng)目,類似與手機(jī)qq側(cè)邊欄)

6. 生成應(yīng)用

iOS:

ionic platform add ios (可能會需要sudo)
ionic build ios  (注意:此處生成的ios并不是最終的應(yīng)用,是中間品,需要用Xcode繼續(xù)編譯才能生成ipa文件)

附安卓:

     ionic platform add android (可能會需要sudo)
     ionic build android

7. 在iOS模擬器運(yùn)行

ionic emulate –list //檢查支持的設(shè)備,會有一個列表(注意是兩個-)
ionic emulate ios //模擬器運(yùn)行,我用的版本默認(rèn)為iPhone-SE ,10.0.0
ionic emulate ios –target=”iPhone-6, 10.0” //以iPhone6的形式在模擬器中運(yùn)行,注意iPhone-6, 10.0 是上列表中支持的 ,所以使用此命令前,檢查模擬器支持的設(shè)備(注意target前是兩個-)

-------------------------------華麗分割線--------------------------
(在build Android 時(shí)候一定要android的SDK,需要下載sduio 下載sdk )

Mac下配置android環(huán)境變量

1.啟動Terminal終端工具

2.輸入cd ~/ 進(jìn)入當(dāng)前用戶的home目錄

  1. 創(chuàng)建:touch .bash_profile

4.打開并編輯:open .bash_profile

5、在文件中寫入以下內(nèi)容:

1.exportANDROID_HOME=/usr/local/opt/android-sdk

2.export PATH=${PATH}:${ANDROID_HOME}/tools

3.export PATH=${PATH}:${ANDROID_HOME}/platform-tools

注:上面的目錄根據(jù)你自己的sdk路徑而改變

6、執(zhí)行如下命令立即生效:source .bash_profile

7、驗(yàn)證:輸入adb回車。如果未顯示command not found,說明此命令有效,環(huán)境變量設(shè)置完成。

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

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

  • 這是我寫的一系列文章中的第一篇關(guān)于如何利用Web開發(fā)技術(shù)為iOS和Android系統(tǒng)構(gòu)建混合應(yīng)用程序(Hybrid...
    bubuli閱讀 2,840評論 3 29
  • 歡迎來到官方Ionic Book,在這里我們將逐步學(xué)習(xí)到:怎樣得到Ionic和安裝它所需要的所有東西,還會創(chuàng)建一個...
    Aprilcat閱讀 1,522評論 1 15
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,324評論 25 708
  • 記得那是個炎熱的夏日,我奔波在租房看房的路上。 一個不太好找的地址,我在附近繞了兩圈,才找到準(zhǔn)確位置。 開門的是個...
    Mr_CharlesWang閱讀 441評論 0 1
  • 假設(shè)你的面前有一片藥,不吃,那么你將徹夜失眠;吃掉,那么你會做一宿噩夢并且難以醒來。 你會怎樣選擇? (不選,下一...
    俗人雜文閱讀 608評論 1 3

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