如何在IOS平台下搭建PhoneGap开发环境

2025-03-14 22:23:59
推荐回答(2个)
回答1:

由于在下最近在做基于HTML5的跨平台移植,搭建环境的时候着实费了不少劲。现在空闲下来顺便整理一下,给大家分享。
首先介绍一下PhoneGap。

PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序等。

PhoneGap的官方网站是http://www.phonegap.com。 朋友们可以通过官方网站下载最新的PhoneGap及API文档。

1.下载PhoneGap最新版本

下载地址:http://phonegap.com/download/

我下载的版本为2.5.

下载解压到自定义文件夹。

2.打开本地终端。(因为我是做IOS移植的,所以这里只介绍有关IOS平台下的搭建环境。)

cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin

(这里是我的本地目录,大家可根据自己的目录自行查找)

在当前路径$./create /Users/mac/Desktop/demo2 com.company.cxwj HelloWorld

(这里的意思是在桌面上创建一个项目名称为HellWorld的工程的文件夹)

注:图中的错误是因为我桌面上一个相同文件名称的文件夹。大家不要跟我犯同样的错误。

3.在终端中直接cd回到原始默认路径。

然后进入我们桌面文件夹的cordova路径。

在该路径下执行$./build

直到你看到成功字样。

4.这时候打开桌面上你创建的demo文件夹。

然后用xcode打开里边的demo工程,用虚拟机运行一下 如果看到下图你就成功了。

5.接下来我们继续看工程。

Xcode左边的树形结构应该是这个样子。

看到www文件夹了吧 这里边就是你的HTML5的程序所在了。

回答2:

  1.下载PhoneGap最新版本,下载解压到自定义文件夹。
2.打开本地终端。(IOS移植,只介绍有关IOS平台下的搭建环境。)
  cd /Users/mac/Documents/myhome/phonegap-2.5.0/lib/ios/bin
  (这里是本地目录,大家可根据自己的目录自行查找)
  在当前路径$./create /Users/mac/Desktop/demo2 com.company.cxwj HelloWorld
  (在桌面上创建一个项目名称为HellWorld的工程的文件夹)
  3.在终端中直接cd回到原始默认路径,然后进入桌面文件夹的cordova路径,在该路径下执行$./build,直到看到成功字样。
  4.打开桌面上创建的demo文件夹,然后用xcode打开里边的demo工程,用虚拟机运行一下就成功了。
  5.接下来Xcode左边的树形结构,看到www文件夹,这里就是HTML5的程序。
  以上就是PhoneGap环境搭建了。