Cordova webapp实战开发（一）- 环境布置

随说 ：我是第一次接触这个框架，所以我就是一个小白，系列以我学习的角度去详细列出我的过程，希望对你有所帮助

本人开发环境 ：
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

然后再次编译看效果