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)限)時間可能較長,請耐心等待

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

4 安裝模擬器 :

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

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

5.創(chuàng)建項目

ionic start myApp         (默認(rèn)為tab )
ionic start myApp blank   (空項目)
ionic start myApp tabs    (有tab欄的項目,類似與手機qq主界面)
ionic start myApp sidemenu(有側(cè)邊欄的項目,類似與手機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模擬器運行

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

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

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

1.啟動Terminal終端工具

2.輸入cd ~/ 進入當(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、驗證:輸入adb回車。如果未顯示command not found,說明此命令有效,環(huán)境變量設(shè)置完成。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,732評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,214評論 3 426
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 177,781評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,588評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 72,315評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,699評論 1 327
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,698評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,882評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,441評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,189評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,388評論 1 372
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,933評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,613評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,023評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,310評論 1 293
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,112評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 48,334評論 2 377

推薦閱讀更多精彩內(nèi)容

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