随说 ：我是第一次接触这个框架，所以我就是一个小白，系列以我学习的角度去详细列出我的过程，希望对你有所帮助
本人开发环境 ：
OS X EL Capitan v10.11.3
WebStorm v11.0.3
Xcode v7.3
项目涉及技术 ：
cordova+ionic+angryJS+springMVC+mybatis+nodeJS
1、安装nodejs
注意选择稳定版
安装nodejs成功
2、安装cordova
输入以下命令， 加上sudo保证拥有root权限
$ sudo npm install -g cordova
然后输入密码
下图是，安装过程，过程可能有点久，稍微需要等一下
安装cordova
3、 安装ionic
$ sudo npm install -g cordova ionic
同样输入命令后，要输入密码，然后等待安装完成
等吧。
安装完成
安装过程中出现一个警告，可以选择无视，也可以选择更新一下，要更新的话，请执行一下命令
$ sudo npm install minimatch@"3.0.2"
。。已经是3.0.2了啊，无语
安装完ionic 可以看一下版本
$ ionic -v
可以看到当前ionic版本是 1.7.16
他提示我，强烈要求我安装一下ios依赖库，那就装
$ sudo npm install -g ios-sim
输入 ionic 能看到更多命令
ionic命令大全
4、建立一个ionic项目
有多种样式，请到官网看，我这里选择tabs
请先cd到你需要存放的目录执行
$ ionic start myApp tabs
图中的错误
✗ (node:3290) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
是因为graceful-fs 在 node V6 下不支持，需要降级
$ brew tap homebrew/versions
$ brew install homebrew/versions/node5
$ nodejs -v
如果安装nodeJS的时候选择较低版本的，其实即可
建立后的新项目
因为我是在mac下开发的，所以我就先配置iOS版本
同样，先CD到当前项目目录下
$ ionic platform add ios
执行这一句之后稍微等一会，他会将文件打包成iOS项目
成功后，目录多了一个ios文件夹
到这一步，点击HelloCordova.xcodeproj，就能用Xcode打开项目了，然后就可以进行开发了
但是这里有两个www的目录，xocde读取的是ios文件夹下的www文件夹里面的内容，需要同步编译一下
$ ionic build ios
然后再次编译看效果
网友评论