MAC下搭建ionic環境


說在前面的話

當時搭建此環境的時候,由於網絡環境比較差,各種不成功,在網上找了好久教程,趟過很多坑,現在把自己實踐成功的寫出來,給大家一個參考吧。

操作步驟:

1、安裝node.js

2、安裝Cordova 

3、安裝ionic

4、驗證

5、安裝iOS-sim 、iOS -deploy

一、安裝node.js

要裝cordova和ionic,需先安裝node.js,因為cordova和ionic需要通過命令在線安裝。去官網下載node.js安裝包安裝,網址是https://nodejs.org/en/,下載那個推薦使用的,如下圖:

 

 

安裝完后,在終端terminal輸入以下命令驗證是否安裝成功:

  node -v

  npm -v

二、安裝cordova

需要通過命令在線安裝。網絡環境比較差,通過鏡像安裝成功(若你能翻牆的話,就不要這么折騰了,直接按官網的操作流程就好了。。。),

1)設置鏡像

    npm config set registry http://registry.cnpmjs.org

2)安裝cordova (其實也可以ionic一塊裝的,但是沒試過。。。)

     sudo cnpm install -g cordova

3)測試安裝是否成功:

     cordova -v

三、安裝ionic

這個安裝的比較糾結,首先 sudo cnpm install -g ionic 安裝多次失敗。主要體現在總是提示少Model,這表示沒有完全安裝,ionic安裝一次失敗后,就不要多次安裝了,需要先卸載之前安裝的ionic,遇到了類似的問題,就去網上搜如何卸載ionic吧,這里就不細說了,可參考此文章http://www.bubuko.com/infodetail-1125544.html。我當時做得比較簡單粗暴些,就是找到ionc的安裝目錄/usr/local/,然后刪掉local這個文件夾(為了避免刪錯文件,還是只刪除/usr/local/bin和/usr/local/lib把里面有關 node 、node_moudel的文件夾全部刪除),然后再重裝node和cordova。

 然后輸入以下命令安裝ionic成功

   sudo npm install -g cnpm --registry=http://r.cnpmjs.org

   npm install microtime --registry=http://r.cnpmjs.org --disturl=http://dist.cnpmjs.org

   sudo npm install -g ionic 安裝成功

四、驗證

ionic info  此命令會輸出ionic的版本信息以及哪些有沒有安裝,如下圖所示:

ionic start myApp(your project name)   此命令成功, 就說明安裝成功。

五、安裝iOS-sim 、iOS -deploy

 

sudo cnpm install -g ios-sim

 

sudo cnpm install -g ios-deploy 這個命令可能會報錯,若報錯,用sudo npm install -g ios-deploy --unsafe-perm=true代替

 

以上就是我搭建ionic的悲催過程,希望你安裝時不會遇到這些問題😃。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM