ionic 开发实例
一、ionic初始化项目
1：安装ionic
npm install -g ionic
2:初始化项目框架
我们可以用命令创建一个应用程序，可以使用我们的一个现成的应用程序模板，或一个空白模板。 传送门
ionic start myApp tabs
3:运行
进入项目文件夹，运行项目
cd ionicDemo ionic serve
4:页面实测
运行在localhost:8100。谷歌浏览器中我们切换机型可以看到不同的样式。 这是因为在network下的localhost请求里，有User-Agent识别不同的设备。
二、使用ionic Lab进行开发和测试
可以在windows环境下进行图形界面开发（Create, build, test, and deploy Ionic apps） 下载地址 百度云分享
三、ionic 基础概念
1：项目结构介绍
app文件夹： 项目的编码文件。
node_modules： npm管理的依赖包。
resources： app的图标和启动图片。
plugins： 插件包（可在ionic Lab中点击安装）。
www： 编译好可在浏览器运行的文件。
config.xml： 项目全局配置。
四、ionic组件
1：ionic页面生命周期（常用） 官网文档
| Event | Desc |
|---|---|
| ionViewDidLoad | 当页面加载的时候触发，仅在页面创建的时候触发一次，如果被缓存了，那么下次再打开这个页面则不会触发 |
| ionViewWillEnter | 顾名思义，当将要进入页面时触发 |
| ionViewDidEnter | 当进入页面时触发 |
| ionViewWillLeave | 当将要从页面离开时触发 |
| ionViewDidLeave | 离开页面时触发 |
| ionViewWillUnload | 当页面将要销毁同时页面上元素移除时触发 |