如何在IOS平台下搭建PhoneGap开发环境(PhoneGap2.5)

由于在下最近在做基于HTML5的跨平台移植，搭建环境的时候着实费了不少劲。现在空闲下来顺便整理一下，给大家分享。
首先介绍一下PhoneGap。
PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序等。
PhoneGap的官方网站是[url]http://www.phonegap.com[/url]。 朋友们可以通过官方网站下载最新的PhoneGap及API文档。
这里说一下我的开发环境。
(mac os 10.8.2/xcode 4.6 SDK6.1/PhoneGap2.5/测试机ipad1,ipad2均为ios6.1.2)
——————————————————————————————————————————————
分割线下方为具体操作步骤
——————————————————————————————————————————————

1.下载PhoneGap最新版本
下载地址:[url]http://phonegap.com/download/[/url]
我下载的版本为2.5.
下载解压到自定义文件夹。

[img]http://s7.sinaimg.cn/mw690/7e475e79gd7c918c71ee6&690[/img]

2.打开本地终端。（因为我是做IOS移植的，所以这里只介绍有关IOS平台下的搭建环境。）
cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin
（这里是我的本地目录，大家可根据自己的目录自行查找）
在当前路径$./create /Users/mac/Desktop/demo2 com.company.cxwj HelloWorld
(这里的意思是在桌面上创建一个项目名称为HellWorld的工程的文件夹）


[img]http://s13.sinaimg.cn/mw690/7e475e79gd7c94d3f846c&690[/img]


注：图中的错误是因为我桌面上一个相同文件名称的文件夹。大家不要跟我犯同样的错误。

3.在终端中直接cd回到原始默认路径。
然后进入我们桌面文件夹的cordova路径。
在该路径下执行$./build

[img]http://s1.sinaimg.cn/mw690/7e475e79gd7c974925bc0&690[/img]

直到你看到成功字样。


[img]http://s15.sinaimg.cn/mw690/7e475e79gd7c984ea482e&690[/img]

4.这时候打开桌面上你创建的demo文件夹。
然后用xcode打开里边的demo工程，用虚拟机运行一下 如果看到下图你就成功了。

[img]http://s11.sinaimg.cn/mw690/7e475e79gd7c9afe7085a&690[/img]


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

[img]http://s12.sinaimg.cn/mw690/7e475e79gd7c9b9b10b1b&690[/img]


以上就是PhoneGap环境搭建了。祝大家顺利。


原文路径：[url]http://blog.sina.com.cn/s/blog_7e475e790101cojr.html[/url]