ionic 简介

ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。
ionic的开发添加android和ios环境。

ionic 安装

本文以 Android 为例

Ionic 的开发环境离不开下列组件：

• Node.js
• Cordova & Ionic CLI
• Java SDK
• Android SDK

Node.js

下载 node，按照步骤安装即可，打开cmd输入node -v 即可验证是否安装成功。

Cordova & Ionic CLI 安装

cmd运行如下命令（建议以管理员身份运行）：

npm install -g ionic cordova

其他软件安装

java android 可网上搜索安装教程。
android 虚拟机搭建参考网站：https://cordova.apache.org/docs/en/latest/guide/platforms/android/

创建ionic项目

相关的配置完成后，打开终端，在相应的目录下执行如下命令，即可创建模板项目tabs

ionic start myApp tabs

编译项目

Ionic CLI版本为3.4.0

首先添加 android platform

ionic cordova platform add android

其次编辑app

ionic cordova build android

运行项目

进入的myApp目录下。

• web网页运行项目

ionic serve

• web网页运行 ios 、android、windows 项目

ionic serve --lab

• Android虚拟机运行项目

ionic cordova emulate android

• Android虚拟机运行项目并输出日志

ionic cordova emulate android  -lc

• Android真机运行

ionic cordova run android --device