没有angular基础，看一下这篇文章 http://blog.poetries.top/2019/01/09/angular7-intro-summary

# 一、介绍

Ionic 是一款基于 Angular、Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一 个跨平台的移动应用。可以快速开发移动 App、移动端 WEB 页面、微信公众平台应用，混 合 app web 页面。

# 1.1 ionic 特点

• ionic 基于Angular语法，简单易学。
• ionic 是一个轻量级框架。
• ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护。
• ionic 提供了漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。
• ionic 专注原生，让你看不出混合应用和原生的区别
• ionic 提供了强大的命令行工具。
• ionic 性能优越，运行速度快。

# 1.2 Ionic 和 Cordova(phonegap)、Angular 关系

ionic = Cordova + Angular + ionic CSS

Ionic 是完全基于谷歌的 Angular 框架，在 Angular 基础上面做了一些封装，让我们可以更快 速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用 JavaScript 调用 Native 功能，ionic 自己也封装了一套漂亮的 CSS UI 库。

# 二、环境搭建

# 2.1 Ionic初始化构建

https://ionicframework.com/getting-started#cli

# 全局安装
npm install -g ionic

• ionic info (查看当前ionic的全部版本信息)

ionic start myApp tabs # 建议使用初始化

cd myApp 

ionic serve

• ionic serve 运行项目

# 2.2 Genymotion 安卓模拟器

使用方法

Preview