[PhoneGap]Mac下搭建PhoneGap开发环境

简介:

我一直的想法就是要玩就玩跨平台,接触过一些跨平台的引擎,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 目录下的文件,来实现自己想要的功能了。

==================== 迂者 丁小未 CSDN博客专栏=================

MyBlog:http://blog.csdn.net/dingxiaowei2013             MyQQ:1213250243

Unity QQ群:858550         cocos2dx QQ群:280818155

====================== 相互学习,共同进步 ===================















本文转蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366132,如需转载请自行联系原作者

相关文章
|
Go iOS开发 MacOS
手把手教你在Mac上从零搭建Go语言开发环境
手把手教你在Mac上从零搭建Go语言开发环境
2609 0
|
JavaScript IDE 开发工具
Mac Vue搭建开发环境
Mac Vue搭建开发环境
85 0
|
iOS开发 MacOS Python
在Mac 上搭建Pygame开发环境(含安装错误的解决办法)
在Mac 上搭建Pygame开发环境(含安装错误的解决办法)
|
2月前
|
开发工具 git 开发者
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
本篇将专注于如何在 DevEco Studio 中安装和配置必要的插件,以增强开发功能和提升效率。通过正确配置插件,开发流程能够得到简化,开发体验也会更加顺畅。
139 1
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
|
4月前
|
Oracle Java 关系型数据库
Mac电脑上安装和配置Flutter开发环境
Mac电脑上安装和配置Flutter开发环境
147 59
|
3月前
|
Windows Python
【10月更文挑战第2天】「Mac上学Python 2」入门篇2 - 开发环境命令行操作与文件管理
本篇将详细介绍Windows和Mac系统中的常用命令行操作与文件管理,帮助用户掌握如何通过终端或命令提示符进行文件管理和操作开发环境。内容涵盖路径切换、文件与文件夹的创建、删除、查看文件内容等基本操作,这些技能是后续Python开发的基础。
145 6
【10月更文挑战第2天】「Mac上学Python 2」入门篇2 - 开发环境命令行操作与文件管理
|
3月前
|
TensorFlow 算法框架/工具 iOS开发
手把手教你-MAC虚拟环境搭建TensorFlow开发环境
手把手教你-MAC虚拟环境搭建TensorFlow开发环境
90 0
|
5月前
|
Python
Mac安装Python3.12开发环境
Mac安装Python3.12开发环境
172 2
|
5月前
|
移动开发 JavaScript 开发工具
Mac 10.9x下安装配置phonegap3.0开发环境 (涉及android sdk配置)
Mac 10.9x下安装配置phonegap3.0开发环境 (涉及android sdk配置)
|
5月前
|
移动开发 JavaScript Java
windows7下安装配置phonegap3.0 (cordavo)开发环境 (涉及android sdk配置)
windows7下安装配置phonegap3.0 (cordavo)开发环境 (涉及android sdk配置)