HTML5打造原生应用——Ionic框架简介与Ionic Hello World

试了试用Ionic框架打造了两个应用，然后在Google Play上架了。

• 程序语言答人
• 教你设计物联网

更有意思的是这是在一周的业余时间内完成的三个应用中的两个，接着让我们看看这个框架如何实现高效地开发。

Ionic 框架

Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例，例如像列表（lists）、标签页栏（tab bars）和触发开关（toggle switches）这样的简单条目。它还提供了更加复杂的可视化布局示例，例如在下面显示内容的滑出式菜单。

官网地简介上说了下面的一些优点：

• Performance obsessed
• Angular & Ionic
• Native focused
• Beautifully designed
• A powerful CLI
• Fun to learn
• Built by nerds (like you)

简单地来说就是:

• 性能比用jQuery构建好
• 基于Angluar JS
• 更加原生化
• 设计精美
• 更大地CLI
• 学习乐趣
• 为极客而构建

Ionic Hello World

安装Ionic

1.安装Node.js

2.安装Cordova和Ionic

$ npm install -g cordova ionic

3.创建项目，官方给了三个不同类型的基础项目:

• 空白应用
• Tabs应用
• 滑动菜单应用

对应的创建方式有:

1) 空白应用

$ ionic start myApp blank

2) Tabs应用

$ionic start myApp tabs

3)滑动菜单应用

 $ ionic start myApp sidemenu

4.运行

$ cd myApp
$ ionic platform add android
$ ionic run android

接着我们就可以看到一个应用就生成了。