Mac环境下搭建PhoneGap环境

首先,官方文档中,要求,编译需要使用Intel架构的 Mac OS X系统的Mac设备,最低要使用XCode4.5以上版本和Mac OS X 10.7以上的系统以及IOS6.0 以上的SDK,至于发布,则要看苹果商店的最新要求了
还有更多的限制,比如cordova所需要的版本需求等,可以看PhoneGap的详细官方文档如下:
[url]http://docs.phonegap.com/en/edge/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide[/url]

第一步,下载,XCODE和PhoneGap
XCode在developer.apple.com苹果的开发者中心下载,需要有开发者账号
PhoneGap则可以在http://phonegap.com/install/里面下载,自行选择版本
我这下载的时2.9.1截止到目前的最新版本

第二部,通过PhoneGap创建IOS项目
在上一步中下载的zip压缩包,进行解压,然后会看到里面的目录结构
doc当然就是API文档啦
lib则是PhoneGap的库,里面我们很容易理解到,是各个不同平台的库,我们要创建IOS平台的,现在,我们要通过Terminal终端进入到这个目录下得bin文件夹中,也就是PhoneGap文件夹下的lib/ios/bin目录中。

通过create来创建项目
create的命令结构如下
Usage: ./create [--shared] [--arc] <path_to_new_project> <package_name> <project_name>
我们创建个HelloWorld可以如下
./create /Volumes/Data/DWorks/PhoneGap/HelloWorld com.liyunpeng.www HelloWorld
意思就是,在我指定的DWorks/PhoneGap/HelloWorld目录下,创建一个包名位com.liyunpeng.www的应用名为HelloWorld的项目

第三部,Build框架cordova
cordova是一个库,他提供了程序直接调用设备硬件的API
进入到刚才的HelloWorld工程文件夹,可以看到cordova,然后再这个文件夹内打开终端命令,使用./build命令,运行成功后,界面会提示Build Successed。

第四部,通过XCode打开项目文件HelloWorld.xcodeproj,然后直接运行,如果看到运行界面如下,就代表成功了。
[img]http://dl2.iteye.com/upload/attachment/0101/5877/50d06b2d-0bfd-314c-9d56-633252396227.png[/img]


我们在XCode里回看整个工程,会发现有个www文件夹,有些类似于Web项目或者NodeJS项目,我们的HTML及CSS,JS都放在这个文件夹里面了。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值