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

 

转载于:https://www.cnblogs.com/allanli/p/5277266.html