HTML5打造原生应用——Ionic框架简介与Ionic Hello World
Ionic 框架
Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架,它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例,例如像列表(lists)、标签页栏(tab bars)和触发开关(toggle switches)这样的简单条目。它还提供了更加复杂的可视化布局示例,例如在下面显示内容的滑出式菜单。
官网地简介上说了下面的一些优点:
简单地来说就是:
Ionic Hello World
安装Ionic
1.安装Node.js
2.安装Cordova和Ionic
3.创建项目,官方给了三个不同类型的基础项目:
对应的创建方式有:
1) 空白应用
2) Tabs应用
3)滑动菜单应用
4.运行
接着我们就可以看到一个应用就生成了。
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
接着我们就可以看到一个应用就生成了。
【HTML5打造原生应用——Ionic框架简介与Ionic Hello World】相关文章
1. HTML5打造原生应用——Ionic框架简介与Ionic Hello World
3. CSS3 Transitions, Transforms和Animation使用简介与应用展
4. Telefónica与Mozilla开拓基于HTML5互联网设备
9. Tankworld
10. JavaScript+HTML5打造的开源Timeline
本文来源:https://www.51html5.com/a3867.html
﹝HTML5打造原生应用——Ionic框架简介与Ionic Hello World﹞相关内容
- 摩托罗拉系统推出业界首款可基于Windows Embedded Handheld和Windows CE设备框架 ...
- HTML5移动应用开发框架 Mobello
- Ember.js 1.0 正式发布,JavaScript MVC框架
- HTML5打造桌面应用
- Hello.js – Web 服务授权的 JavaScript SDK
- HTML5应用与原生应用之间的差异
- adSage:用HTML5打造创新交互移动广告
- HTML5打造简易播放器:Chrome运行.mp3
- 纯HTML5打造:Firefox OS界面曝光
- Firefox OS发布用户体验包 全HTML5打造