码迷,mamicode.com
首页 > 移动开发 > 详细

ios html5 设定PhoneGap开发环境

时间:2015-06-12 13:13:09      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:

怎么样IOS平台搭建PhoneGap开发环境(PhoneGap2.5)

技术分享(2013-03-13 14:44:51)
标签:

it

 
 
 因为在下近期在做基于HTML5的跨平台移植,搭建好开发环境的时候着实费了不少劲。如今空暇下来顺便整理一下,给大家分享。
首先介绍一下PhoneGap。
PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。

它同意用户通过Web技术訪问移动设备的本地应用、API接口及应用程序等。

PhoneGap的官方站点是http://www.phonegap.com。朋友们能够通过官方站点下载最新的PhoneGap及API文档。
这里说一下我的开发环境。
(mac os 10.8.2/xcode 4.6 SDK6.1/PhoneGap2.5/測试机ipad1,ipad2均为ios6.1.2)
——————————————————————————————————————————————
切割线下方为详细操作步骤
——————————————————————————————————————————————

1.下载PhoneGap最新版本号
下载地址:http://phonegap.com/download/
我下载的版本号为2.5.
下载解压到自己定义目录。

技术分享
2.打开本地终端。

由于我是做IOS移植的,所以这里仅仅介绍有关IOS平台下的搭建好开发环境。

cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin
(这里是我的本地文件夹,大家可依据自己的文件夹自行查找)
 在当前路径$./create /Users/mac/Desktop/demo2com.company.cxwj HelloWorld
 (这里的意思是在桌面上创建一个项目名称为HellWorld的project的目录)
技术分享

注:图中的错误是由于我桌面上一个相同文件名的目录。大家不要跟我犯相同的错误。

3.在终端中直接cd回到原始默认路径。
然后进入我们桌面目录的cordova路径。
在该路径下运行$./build
技术分享
直到你看到成功字样。

技术分享

4.这时候打开桌面上你创建的demo目录。

然后用xcode打开里边的demoproject,用虚拟机执行一下 假设看到下图你就成功了。

技术分享

5.接下来我们继续看project。
Xcode左边的树形结构应该是这个样子。
看到www目录了吧  这里边就是你的HTML5的程序所在了。

技术分享

这些都是PhoneGap建筑环境。

祝你成功。

ios html5 设定PhoneGap开发环境

标签:

原文地址:http://www.cnblogs.com/lcchuguo/p/4571203.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!