ionic是基于angularjs开发移动端hybrid app的前端框架,对于视图的路由,ionic没有使用AngularJS的路由模块(ng-route),而是使用 了angular-ui项目的ui-route模块。ionic.bundle.js已经打包了ui-route模块, 所以我们使用时不需要单独引入。
官网:http://www.ionicframework.com/
1、安装jdk,sdk,ant,nodejs,webstorm;怎么安装这些请自行百度
2、打开webstorm,在控制台输入如下命令安装cordova(用来打包apk)
npm install -g cordova
3、安装ionic
npm install -g ionic
4、新建一个叫todo的空项目
ionic start todo blank
5、建好项目后的文件结构如下
├── bower.json // bower dependencies ├── config.xml // cordova configuration ├── gulpfile.js // gulp tasks ├── hooks // custom cordova hooks to execute on specific commands ├── ionic.project // ionic configuration ├── package.json // node dependencies ├── platforms // iOS/Android specific builds will reside here ├── plugins // where your cordova/ionic plugins will be installed ├── scss // scss code, which will output to www/css/ └── www // application - JS code and libs, CSS, images, etc.
6、配置打包平台,已安卓为例,输入命令:
ionic platform add android //添加打包平台android ionic build android //打包 ionic emulate android //开启模拟器
参考:http://www.ionicframework.com/docs/guide/installation.html
原文:http://my.oschina.net/homeemail/blog/528713