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


Ionic 框架 Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例,例如像列表(l...
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

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