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

Posted 2021-05-01 html2018

---

摘要: Ionic是一个新的、可以使用html5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例，例如像列表（lists）、标签页栏（tab bars）和触发开关（toggle switc ...

---

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 接着我们就可以看到一个应用就生成了。