{H5开发}H5混合开发之ionic快速开始

使用ionic可以快速开发出基于H5技术的移动端APP。通过ionic官方为我们提供的三种默认模板可以让我们快速开发出自己想要的APP，而且在官方网站中为我们提供了大量的学习文档，可以让我们更加快速上手，各大论坛也有专门的模块讨论专区，可以方便大家的学习交流。

1.安装项目依赖

步骤：

1.打开命令窗口，输入CMD

2.输入npm install -g cordova ionic

在安装的过程中如果遇到问题，主要都是因为国内没有办法访问外网，那么这时候我们需要借助一些工具，除此之外，我们也可以访问国能的镜像

（http://www.cnblogs.com/hehedaa/p/4990993.html ）

2.快速创建项目

步骤：

a.先找到一个放项目的位置

b.在目录中按住shift键右击,在当前文件夹打开命令窗口

c.Ionic  start  myApp(默认是tab样式)

3.目录结构

经过漫长的下载过程，最终我们是可以得到如图所示的文档结构的

4.打包

步骤：

a.先找到项目的根目录

b.在目录中按住shift键右击,在当前文件夹打开命令窗口

c.Ionic  platform  add  android

d.Ionic  build  android

之后的就如图显示，那么得到的APK文件是直接可以放到手机中的，样式如图显示：