一、phoneGap+Xcode搭建环境

[size=large] 最近在学习phoneGap,记录下搭建环境,方便以后查看。phoneGap现在版本比较多。在环境方便2.0是一个界限,2.0之前的版本很简单。下载安装包图像界面安装即可,2.0之后的版本采用命令行形式安装,其实过程更简单,下面就两种环境我做一个介绍[/size]
[size=large]安装前准备,Xcode安装好(我这里安装的是4.6,其他版本没试过。不过貌似4+的话都差不多),phoneGap下载地址[url]http://phonegap.com/download/#[/url][/size]

[size=large] 下载好phoneGap插件,这里提供一个phoneGap1.9版本,一个phoneGap2.3版本作为介绍,其他版本可以到官网上去直接下载[/size][size=medium]

[b]一、phoneGap1.9+xcode安装[/b][/size]
[b]1、下载phoneGap1.9:[/b]解压文件夹,进入/lib/ios/Cordova-1.9.0.dmg,效果如下[img]http://dl2.iteye.com/upload/attachment/0086/1232/98a492fb-410b-3c85-9834-b9ca650f3b20.jpg[/img]
[b] 2、内容介绍:[/b]该页面中,第一个是安装,后面几个是一些文档介绍和说明,最后面是卸载插件页面如下[img]http://dl2.iteye.com/upload/attachment/0086/1234/5cf3d23d-14d2-3fff-80db-a34c3aff19c3.jpg[/img]
[b]3、安装:[/b]点击Cordova-1.9.0.pkg 进入安装页面,在安装页面一步步点击直至安装结束
[img]http://dl2.iteye.com/upload/attachment/0086/1238/355b8927-db28-354a-afba-14b0ffc11b7c.jpg[/img]
[img]http://dl2.iteye.com/upload/attachment/0086/1240/b2096a09-bfe3-310b-8b0b-fc479a213655.jpg[/img]
[img]http://dl2.iteye.com/upload/attachment/0086/1243/a7d447d8-d1e2-3ae3-a7c6-e57e9785394f.jpg[/img]
[img]http://dl2.iteye.com/upload/attachment/0086/1246/e54abd86-2914-371a-9f2f-3032832dc247.jpg[/img]
[b]4、查看是否安装成功:[/b]安装完成之后打开xcode新建项目,项目类型选择中如果出现下面这个,则表示安装成功[img]http://dl2.iteye.com/upload/attachment/0086/1250/5d176e84-fa49-3205-a220-f7351180f8e3.jpg[/img]
[b] 5、卸载:[/b]如果此时需要卸载phoneGap插件,其实很简单,只要点击卸载按钮即可
[img]http://dl2.iteye.com/upload/attachment/0086/1236/66c74d68-3ffa-3284-b341-7f0149c35bd1.jpg[/img]
[size=medium][b]二、phoneGap2.3+xcode安装[/b][/size]
[b]1、解压文件:[/b]解压phoneGap2.3.0文件,打开文件夹进入下面目录/lib/ios/bin,页面如下:[img]http://dl2.iteye.com/upload/attachment/0086/1257/0bfd8790-fe3d-312b-ba9c-2188ae5dcbe3.jpg[/img]
[b]2、终端命令进入bin目录:[/b]如果你对linux指令不太熟悉的话,建议把phoneGap2.3.0解压缩文件放在桌面,这样下面的指令就可以直接使用,首先在桌面建立一个空文件夹,用于存放生成的项目文件,这里取名phoneGap,然后打开终端,按照图示敲入指令进入bin目录,上图目录[img]http://dl2.iteye.com/upload/attachment/0086/1259/f477ff68-1e53-30df-ade5-7a5cb2ebb24f.jpg[/img]
[b]3、执行命令生成项目:[/b]执行下面命令生成项目,生成的项目即为phoneGap2.3.0版本[img]http://dl2.iteye.com/upload/attachment/0086/1261/eda26072-2efd-3ac0-bf89-b34fe1baa779.jpg[/img]
命令说明如下[color=red][b] ./create 你刚建立的文件夹路径 项目的命名空间 项目的名称[/b][/color][b]4、运行项目:[/b]命令执行之后,打开phoneGap文件夹可以看到下面内容[img]http://dl2.iteye.com/upload/attachment/0086/1263/4bd6f9f8-ccf5-3ae4-8536-176f70b4d2bf.jpg[/img]
这样整个项目搭建过程就完成。

你可能感兴趣的:(PhoneGap)