在现在的app开发市场，比较活跃的两类app应用有html5 app和原生app应用。今天我就用ionic2创建一个html5 app。

一、安装node.js

在百度搜索node.js，进入node.js官网

下拉页面选择任意一个下载，我下载的是v8.x.x版本，下载后安装

node.js安装教程

安装完成后在电脑运行中输入cmd回车，然后输入node -v回车，显示版本号即为安装成功

node.js安装教程

二、安装ionic2和cordova

继续上一步在cmd中输入npm install -g ionic cordova回车，等待安装（大约10分钟之内），安装结束后输入ionic -v回车显示如图所示或者版本号ionic2即为安装成功

ionic、cordova安装教程

再输入cordova -v回车显示版本号即为安装成功

ionic、cordova安装教程

二、创建HTML5 APP

接下来就是最后一步了，先换到e盘下（可以放到任意位置），在cmd中输入ionic start 【HenJi】回车（【HenJi】为新建项目文件夹名称可自定义，请不要使用中文路径和文件名，以免后续出现错误）

会出现如图所示信息，这是选择要创建的app初始模板类型（按↑↓键即可选择），选择第一个tabs选中并按回车

如果创建成功则可以直接运行项目；多半会出现如下错误npm install未安装成功（因为是国外框架，网络环境差导致的）

可以使用淘宝镜像进行安装，首先输入npm install -g cnpm --registry=

https://registry.npm.taobao.org回车，安装完成后，cmd进入【HenJi】文件夹然后输入cnpm install回车即可

运行：在【HenJi】文件夹位置输入ionic serve，如图所示及运行成功，此时会自动打开一个网页，该网页即为APP内容

查看app在手机上运行时的样子，按f12打开如图所示，点击左上角按钮（以360极速浏览器为例）

到此一个HTML5 APP项目就创建完成并成功运行了

常用命令

[custom]：自定义

node -v（查看nodejs版本）

ionic -v（查看ionic版本）

ionic -help（查看ionic命令帮助）

ionic start [custom]（创建项目）

ionic serve（开启服务调试）

cordova -v（查看cordova版本）

npm install -g cnpm --registry=

https://registry.npm.taobao.org（npm镜像源指向淘宝）

npm install -g cordova ionic（安装cordova ionic）

npm update -g cordova ionic（更新cordova ionic）

npm install（安装项目所需依赖）