Ionic mac os 環境配置

一、安裝NodeJS插件

官網(http://www.nodejs.org/ )國內沒法訪問，能夠經過（http://nodejs.cn/）下載安裝。

安裝完後在命令終端輸入：node -v 查看是否安裝成功

安裝成功則會出現版本信息，個人NodeJS版本以下： 

 

二、安裝cordova和ionic環境

1)、安裝cordova

sudo npm install -g cordova

2)、安裝ionic

sudo npm install -g ionic 

3)、注意在安裝cordova或者ionic時可能會由於網絡問題沒法安裝，解決方法以下:

A.經過config命令

npm config set registry https://registry.npm.taobao.org 
npm info underscore （若是上面配置正確這個命令會有字符串response）

B.命令行指定

npm --registry https://registry.npm.taobao.org info underscore

 

C.編輯 ~/.npmrc 加入下面內容

registry = https://registry.npm.taobao.org

 

完成以後能夠查看ionic信息,輸入 ionic info

 三、建立項目

 如今,咱們須要使用Cordova建立一個新的項目:

ionic start myApp blank
 

將建立一個名爲todo的文件夾目錄中運行的命令。接下來,咱們將進入該目錄: 

 cd myApp

四、配置平臺

 如今,咱們須要告訴Ionic,咱們想使iOS和Android平臺。注意:除非你是在Mac OS,那就不要使用iOS平臺:

ionic platform ios （若是用的是Mac OS 建立工程的時候會默認添加ios 因此這步能夠忽略） ionic platform android

五、構建和運行項目

ionic build ios
ionic emulate ios

若在「ionic build ios」時候出現xcode-select: error:錯誤提示，xcodebuild找不到原來的Xcode了

解決方法：在終端輸入命令

xcode-select -switch 新的xcode路徑

例如：sudo xcode-select --switch /Applications/Xcode.beat.app/Contents/Developer/ 

 

若在「ionic emulate ios」時候出現錯誤提示，則須要安裝ios模擬器

sudo npm install -g ios-sim

到這裏已經完美解決了！！！

接下來就是運行：

ionic run (模擬器上能夠看到效果) 

 

若是須要瀏覽器調試，則能夠：

ionic serve