mac下安裝ionic

個人mac系統是EI Capitan，以下圖所示。

ionic是一個跨平臺的框架，可以提供高效hybrid app的開發，並且性能接近於原生態，具體請參考：http://ionicframework.com

環境搭建步驟以下：

• 安裝node.js，主要是使用npm（node package manager）。注意使用4.4版本，千萬不要使用5以上的版本。
• 安裝Cordova和ionic命令行工具：

• 1 $ npm install -g Cordova
  2 $ npm install -g ionic
  
  若是發生permission denied錯誤，請使用：$ sudo npm install -g ionic，這是使用super user的權限來執行命令。具體能夠參考：https://www.npmjs.com/package/ionic。
  若是發生python版本不匹配的問題，使用以下命令：
  & npm config set python python2.7

• 增長ios平臺、android平臺

• $ sudo cordova platform add ios
  $ sudo cordova platform add android

• 查看已經安裝的平臺

• $ sudo cordova platform ls 

• 安裝plugin

• first way:
  $ sudo cordova plugin add cordova-plugin-dialogs
  
  second way:
  git clone project to FILE_PATH
  $ sudo cordova plugin add FILE_PATH

• 查看已經安裝的plugin

• $ sudo cordova plugin ls 

 

• 查看build的前置條件

• $ sudo cordova requirements
  
  安裝ios-deploy
  $ sudo npm install -g ios-deploy --unsafe-perm=true

• 查看ionic的幫助

• $ ionic -h

 

 

好了，環境能夠使用了。使用模版建立一個實例：

$ ionic start firstapp
$ ionic build firstapp
$ ionic emulate firstapp
$ ionic run firstapp

推薦的開發環境ionic lab。

 

問題：

• 升級Java以後，出現ionic, cordova, npm command not found錯誤，須要按照本文步驟從新安裝。
• spawn eacces error: 運行命令： ionic hooks add。
• folder訪問權限擴展：sudo chmod -R a+rwx appfolder
• 若是出現「Failed to load resource: the server responded with a status of 404 (Not Found)」錯誤，則運行下面的命令能夠消除錯誤。

ionic plugin add cordova-plugin-whitelist

• run command "ionic info", shows error "Cordova CLI: Not installed", run the following command to resolve the issue:

sudo npm install -g cordova@4