[PhoneGap(Cordova)]Mac下搭建PhoneGap开发环境

[http://www.phonegapcn.com/start/zh/1.3/#ios-x4]

跨平台的引擎:cocos2dx，mono，unity3d，现在炒的火热的就是html5技术了，我相信这也是未来的主流技术之一，其中有一些比较不错的框架就是phonegap，jQueryMobile，我还看了webGL貌似也不错，是将来web3D的一个主流，今天我就开始接触PhoneGap，利用闲暇之余学习一下这个移动平台的开发框架。

Apache Cordova提供了使用Web技术来开发Mobile应用的方式，目前支持Android、IOS、Windows Phone、Blackberry等近十种平台。通过使用Javascript API的方式，使得Web应用能够访问设备的各种特性，下面来介绍下如何用它来开发iOS应用。

必要条件：

Mac OS X操作系统（10.7.4+）、Xcode 4.5和iOS6 SDK、Xcode命令行工具、iOS设备。

安装Cordova：

从 这里 下载最新版本的Phonegap，我下载的是2.6.0。下载后对压缩包进行解压缩。

下载地址：http://phonegap.com/install/

环境搭建

在早期的Phonegap版本中，会提供一个dmg安装包，安装后就会在Xcode中添加一个Phonegap的工程模板。但是新的2.6.0不再采用这种方式，而是使用了命令行的创建方式。

解压缩后，我们可以在lib目录下看到众多的平台类型，找到ios然后使用Terminal进入到bin目录下。

  

执行：

./create ~/Documents/ProjectDestination/Helloworld cn.blogs.cocowool HelloWorld

 

整个命令有三个主要参数：

1、项目存放路径（Project Location）。通过create方法创建的路径将保存在这个路径中。

2、包名（Package Name）。

3、项目名称（Project Name）。

 

可选的参数：

使用默认的方式创建工程会将必要的库文件从Cordorva的发布文件夹拷贝到你的项目文件夹中。存放在CordovaLib目录下。但是有些开发人员喜欢在多个项目中公用一个CordovaLib，这样当Lib更新时所有项目都会更新。使用--share参数，可以将CordovaLib作为一个软链接，链接到create所在的位置。

 

执行程序：

使用Finder定位到项目目录，双击 HelloWorld.scodeproj 就会在Xcode中打开项目。默认的模拟器是iPad，修改为你需要的模拟器。执行 Command + R 就可以运行项目，效果如下：

 

 

 

现在，我们就可以利用Cordorva的API来编辑 www 目录下的文件，来实现自己想要的功能了。