喜乐会 菜单 手机浏览

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

2016-12-20

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

 

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

天津乐之网络可提供微信营销|天津微信营销|微营销|微信开发|微信平台建设|微网站制作|微网站|微官网|微上墙|微现场|微活动|微游戏|微会员卡|微团购|微订单|微点菜|外卖叫餐|微商城|积分商城|微酒店|微喜帖|电子喜帖|邀请函|商务邀请函|百岁邀请函|微房产|房产经纪人|微汽车|微旅游的服务