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

<h1>全程VPN</h1>

1.下載并安裝nodejs

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

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

4 安裝模擬器 :

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

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

5.創(chuàng)建項目

ionic start myApp         (默認為tab )
ionic start myApp blank   (空項目)
ionic start myApp tabs    (有tab欄的項目,類似與手機qq主界面)
ionic start myApp sidemenu(有側(cè)邊欄的項目姓迅,類似與手機qq側(cè)邊欄)

6. 生成應用

iOS:

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

附安卓:

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

7. 在iOS模擬器運行

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

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

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

1.啟動Terminal終端工具

2.輸入cd ~/ 進入當前用戶的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)境變量設置完成。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末卵佛,一起剝皮案震驚了整個濱河市杨赤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌截汪,老刑警劉巖疾牲,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異衙解,居然都是意外死亡阳柔,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進店門蚓峦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來舌剂,“玉大人,你說我怎么就攤上這事暑椰』糇” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵一汽,是天一觀的道長避消。 經(jīng)常有香客問我,道長召夹,這世上最難降的妖魔是什么岩喷? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮监憎,結果婚禮上纱意,老公的妹妹穿的比我還像新娘。我一直安慰自己鲸阔,他們只是感情好偷霉,可當我...
    茶點故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布迄委。 她就那樣靜靜地躺著,像睡著了一般腾它。 火紅的嫁衣襯著肌膚如雪跑筝。 梳的紋絲不亂的頭發(fā)上死讹,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天瞒滴,我揣著相機與錄音,去河邊找鬼赞警。 笑死妓忍,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的愧旦。 我是一名探鬼主播世剖,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼笤虫!你這毒婦竟也來了旁瘫?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤琼蚯,失蹤者是張志新(化名)和其女友劉穎酬凳,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體遭庶,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡宁仔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了峦睡。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片翎苫。...
    茶點故事閱讀 38,117評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖榨了,靈堂內(nèi)的尸體忽然破棺而出煎谍,到底是詐尸還是另有隱情,我是刑警寧澤龙屉,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布呐粘,位于F島的核電站,受9級特大地震影響叔扼,放射性物質(zhì)發(fā)生泄漏事哭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一瓜富、第九天 我趴在偏房一處隱蔽的房頂上張望鳍咱。 院中可真熱鬧,春花似錦与柑、人聲如沸谤辜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽丑念。三九已至涡戳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間脯倚,已是汗流浹背渔彰。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留推正,地道東北人恍涂。 一個月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像植榕,于是被迫代替她去往敵國和親再沧。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,877評論 2 345

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

  • 這是我寫的一系列文章中的第一篇關于如何利用Web開發(fā)技術為iOS和Android系統(tǒng)構建混合應用程序(Hybrid...
    bubuli閱讀 2,597評論 3 29
  • 歡迎來到官方Ionic Book,在這里我們將逐步學習到:怎樣得到Ionic和安裝它所需要的所有東西寝衫,還會創(chuàng)建一個...
    Aprilcat閱讀 1,417評論 1 15
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,519評論 25 707
  • 記得那是個炎熱的夏日顷扩,我奔波在租房看房的路上。 一個不太好找的地址竞端,我在附近繞了兩圈屎即,才找到準確位置。 開門的是個...
    Mr_CharlesWang閱讀 387評論 0 1
  • 假設你的面前有一片藥事富,不吃技俐,那么你將徹夜失眠;吃掉统台,那么你會做一宿噩夢并且難以醒來雕擂。 你會怎樣選擇? (不選贱勃,下一...
    俗人雜文閱讀 532評論 1 3