精华 2.开启Ionic之旅
发布于 1年前 作者 qmarliu 1471 次浏览 来自 分享

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的开发环境搭建,可以在提供的网盘中,下载文件查看详细文档。 点击进入百度网盘

回到顶部