立即注册 登录
PhoneGap中文网 返回首页

zale的个人空间 http://www.phonegap100.com/?62778 [收藏] [复制] [RSS]

日志

2.开启Ionic之旅

已有 1146 次阅读2015-12-29 13:56 |个人分类:Hybird HTML5 App(移动应用开发)| Ionic, Cordova, HTML5, Andorid, 移动开发

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

 

Ionic是一个强大的混合式移动开发框架,特点是使用标准HTMLCSSJavaScript,开发跨平台(目前支持:AndroidiOS)的原生App应用。Ionic使用多个框架,比如AngularJSCordova。我们讲讲如何搭建Ionic+Cordova的开发环境。

 

  1. 分三个安装步骤:

第一步:

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

 

第二步:

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

 

第三步:

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


头晕

不解

扯淡

搞笑

欠扁

超赞

支持

难过

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 立即注册

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-5-4 06:01 , Processed in 0.025323 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部