2.开启Ionic之旅

Hybird HTML5 App(移动应用开发)之2.开启Ionic之旅

 

Ionic是一个强大的混合式移动开发框架，特点是使用标准HTML、CSS和JavaScript，开发跨平台（目前支持：Android、iOS）的原生App应用。Ionic使用多个框架，比如AngularJS和Cordova。我们讲讲如何搭建Ionic+Cordova的开发环境。

 

一. 分三个安装步骤:

第一步：

进行Nodejs的安装。到Nodejs的官方网站:https://nodejs.org下载最新版本对应系统的安装文件；

 

第二步：

进行Git的安装。同理，可以到其官方网站www.git-scm.com，寻找相应安装文件进行安装

 

第三步：

安装Ionic和Cordova。它们的安装需要用到Nodejs提供npm工具，使用已经安装好的Git Bash终端进行（安装完Git，即可使用）安装，在Git　Bash中运行终端命令：npm install -g cordova ionic就可以自动安装了。

 

经过三个步骤，我们就可以搭建好Ionic的开发环境啦。接下来对开发环境验证

 

二.  生成程序验证安装环境

第一步：

在已经安装好的Git Bash终端运行命令中，先指定安装程序的路径，然后执行命令：ionic start myapp ；其中[size=18.6667px]myapp 是自定义的应用程序名称。

 

第二步：

在Git Bash终端，通过cd 命令进入myapp根目录，运行ionic serve命令，就可以打开浏览器，预览应用程序了。不过需要注意的是，浏览器建议使用Google Chrome。否则运行的效果可能会不理想。

 

上述的介绍比较简单，若要详细了解Ionic+Cordova的开发环境搭建，可以在提供的网盘中，下载文件查看详细文档。点击进入百度网盘