PhoneGap入门的基本知识

<一> 定义

PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

Phonegap是一款开源的开发框架，旨在让开发者使用HTML、Javascript、CSS等Web APIs开发跨平台的移动应用程序。

PhoneGap基于HTML、CSS和JavaScript的快速开发平台，一次开发可支持iOS、Android、WebOS、Symbian、Windows Phone、Bada和Blackberry7个平台的开源移动框架。PhoneGap XDK是一个完整的开发环境，也可以和其他代码编辑器一起使用，如Dreamweave 5.5或NotePad++等。

<二> Mac上搭建PhoneGap开发环境:

1> 在App Store安装Xcode，最新版为7.2.1

2> 安装node.js环境

官网： http://nodejs.org/

点击【install】，会下载mac的安装包。正常安装即可

3> 使用命令行安装 cordova (是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎)

sudo npm install -g cordova

官网： http://cordova.apache.org

命令行帮助： http://cordova.apache.org/docs/en/latest/guide/cli/index.html

4> 使用cordova创建一个新项目:

Use the cordova utility to set up a new project, as described in The Cordova The Command-Line Interface. For example, in a source-code directory:

(1) cd desktop <进入桌面>

(2) cordova create hello com.example.hello “HelloWorld” <在桌面上创建一个hello文件夹，并创建Cordova工程>

第一个参数是文件目录，第二个参数是app id, 第三个参数是显示的title

(3) cd hello <进入项目文件路径>

(4) cordova platform add ios <加入iOS平台这里的平台名称的 输入 要与 cordova platform list 列表的保持一致>

(5) cordova build # or “cordova prepare” <编译>

5> 如何在Xcode中编译phoneGap平台开发的应用程序：

利用命令行创建一个Cordova应用工程，然后进入该工程的文件路径，将文件路径中的www文件夹删除，替换成phoneGap开发的应用的www文件; 然后加入iOS平台，最后进行编译，大功告成！！！

如果 在添加iOS平台出现错误：

Error: Platform “iOS” not recognized as a core cordova platform. See

cordova platform list

.

解决方案: 需要更新 cordova版本

在命令行输入： npm install -g cordova