Ionic应用程序开发框架

简介

Ionic是一个用来开发混合手机应用的，开源的，免费的代码库。可以优化html、css和js的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。
Ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。

特点

Ionic 是一个轻量的手机 UI 库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。
1. Ionic 整合（AngularJs integrate）AngularJs
2. Ionic Url routing，use AngularUI Router
Ionic url 路由使用 AngularUI Router，可以指定不同的路由，方便开发和集成
3. Ionic 扩展了 AngularJS 指令 （AngularJS Extensions & Directives）
ion-tab, ion-content, ion-nav-view, ion-header
注意：ionic 直接放弃了 IOS6 和 Android4.1 以下的版本支持，来获取更好的使用体验。

安装

首先需要安装Node.js
然后在命令行输入:npm install -g ionic即可
具体可以参照前面的博客。

创建项目

注意在创建项目前要确保开发环境以及配置好！
1. 因为它是基于PhoneGap平台，所以首先要下载好Cordova，具体方法，参考前面的博客。
配置好之后，可在cmd中输入cordova -v查看。注意：cordova要求3.0以上。
2. 下载Ant，可在Apache官方网站下载：http://ant.apache.org/bindownload.cgi
下载完之后，需要配置系统环境变量。创建ANT_HOME，path，classpath，具体设置与JDK类似。
注意：在path和classpath中，不能使用%ANT_HOME%变量，而只能写出全部绝对路径。
3. 需要Android API Level21 及以上，否则在执行ionic build android打包时会报错。
另外需要注意的是，要在系统环境变量path中添加你的sdk路径/tools和/platformtools。

创建

这里介绍Android项目的创建，IOS的跟这个类似。
在命令行中输入:
1. ionic start + 项目名称（目录）
2. cd + 项目名称（目录）
3. ionic platform add android
此时会在你的项目名称（目录）下生成app应用。
4. ionic build android
这时会在项目名称（目录）/platforms/android/build/outputs/apks下生成apk调试包。

如果你在第三步执行完毕后，将生成的app导入到eclipse中，具体方法参见之前博客，点击运行之后，在项目名称（目录）/platforms/android/bin下生成的apk文件与此apk调试包相同。

运行

ionic emulate android (模拟器运行)
ionic run android (连接上手机运行)
ionic serve(在网页浏览器上运行)

注意：在Android默认下ionic创建的项目的导航栏在上边。
那么解决这个问题，就是说把导航栏放在下边。可以参考：
http://bbs.phonegap100.com/thread-1495-1-1.html来解决！
在项目名称（目录）/www/js/app.js中复制上面代码即可。