ionic - HTML5 应用程序开发框架-从无到有-系列一：安装启动

ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。

废话少说，进入正题。

一：准备工作：提前安装

    Node & npm

    Git

二：安装Ionic CLI

    打开cmd命令行，执行：

npm install -g ionic

三：下载应用程序

ionic start my-ionic tabs

图片太长，就截了一小段。中间会问你是否安装，直接选No,就可以。其中my-ionic是我自己命名的项目名称，可随意

四：进入my-ionic目录

cd my-ionic

五：配置本机ios项目

ionic cordova prepare ios

中间会问是否安装，选Yes

六：配置本机android项目

ionic cordova prepare android

中间会问是否安装，选Yes

七：启动

有两种方式启动

1复杂启动，会把浏览器，android,ios同时启动

ionic serve -l --type ionic1

启动界面分别如下：左边是android,右边是ios.地址：http://localhost:8200/

也可以直接访问浏览器界面。http://localhost:8100

2.简单启动。只启动浏览器

ionic serve