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