安装ionic开发环境

＃安装ionic开发环境

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