随说 :我是第一次接触这个框架,所以我就是一个小白,系列以我学习的角度去详细列出我的过程,希望对你有所帮助
本人开发环境 :
OS X EL Capitan v10.11.3
WebStorm v11.0.3
Xcode v7.3
项目涉及技术 :
cordova+ionic+angryJS+springMVC+mybatis+nodeJS
1、安装nodejs
注意选择稳定版
2、安装cordova
输入以下命令, 加上sudo保证拥有root权限
$ sudo npm install -g 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 能看到更多命令
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
然后再次编译看效果