mac下安装ionic

我的mac系统是EI Capitan，如下图所示。

mac下安装ionic

ionic是一个跨平台的框架，能够提供高效hybrid app的开发，而且性能接近于原生态，具体请参考：http://ionicframework.com

环境搭建步骤如下：

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

 $ npm install -g Cordova

 $ 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
```

mac下安装ionic

好了，环境可以使用了。使用模版创建一个实例：

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

推荐的开发环境ionic lab。

mac下安装ionic

问题：

升级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

相关文章