一、phoneGap+Xcode搭建环境

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

一、phoneGap1.9+xcode安装

   1、下载phoneGap1.9:解压文件夹,进入/lib/ios/Cordova-1.9.0.dmg,效果如下 一、phoneGap+Xcode搭建环境_第1张图片
  2、内容介绍:该页面中,第一个是安装,后面几个是一些文档介绍和说明,最后面是卸载插件页面如下 一、phoneGap+Xcode搭建环境_第2张图片
  3、安装:点击Cordova-1.9.0.pkg 进入安装页面,在安装页面一步步点击直至安装结束
一、phoneGap+Xcode搭建环境_第3张图片
一、phoneGap+Xcode搭建环境_第4张图片
一、phoneGap+Xcode搭建环境_第5张图片
一、phoneGap+Xcode搭建环境_第6张图片
4、查看是否安装成功:安装完成之后打开xcode新建项目,项目类型选择中如果出现下面这个,则表示安装成功 一、phoneGap+Xcode搭建环境_第7张图片
5、卸载:如果此时需要卸载phoneGap插件,其实很简单,只要点击卸载按钮即可
一、phoneGap+Xcode搭建环境_第8张图片
二、phoneGap2.3+xcode安装
1、解压文件:解压phoneGap2.3.0文件,打开文件夹进入下面目录/lib/ios/bin,页面如下: 一、phoneGap+Xcode搭建环境_第9张图片
2、终端命令进入bin目录:如果你对linux指令不太熟悉的话,建议把phoneGap2.3.0解压缩文件放在桌面,这样下面的指令就可以直接使用,首先在桌面建立一个空文件夹,用于存放生成的项目文件,这里取名phoneGap,然后打开终端,按照图示敲入指令进入bin目录,上图目录 一、phoneGap+Xcode搭建环境_第10张图片
3、执行命令生成项目:执行下面命令生成项目,生成的项目即为phoneGap2.3.0版本 一、phoneGap+Xcode搭建环境_第11张图片
命令说明如下 ./create 你刚建立的文件夹路径 项目的命名空间 项目的名称 4、运行项目:命令执行之后,打开phoneGap文件夹可以看到下面内容 一、phoneGap+Xcode搭建环境_第12张图片
这样整个项目搭建过程就完成。

你可能感兴趣的:(html5,xcode,PhoneGap)