Mac下安装Phonegap开发环境

今天学习了下文Phonegap,那么什么是Phonegap？
Phonegap是一个利用HTML5去开发App的框架。可以为安卓、iOS、WP、黑莓、火狐等移动操作系统。采用HTML5来编写交互界面。
优点：
是编写一次可以编译到各种移动平台上，大大为公司节省了开发周期。
缺点：
性能比如原生的好，只能做一些简单的APP，比如介绍公司的那种，或者网站客户端。要是做游戏还是算了吧。PhoneGap集成多了个平台.程序的载入和UI界面的反应都比原生的程序慢，UI反应延时——这是个致命伤 .它实际上还是在展示Web页面，所以载入、页面刷新等肯定是需要一定时间的。 这在用户体验上来说PhoneGAp依然无法替代原生应用程序。
另外，html、javascript、css都运行在各平台内置浏览器webkit之上，受到webkit处理速度影响。目前来说运行速度比较慢，性能较差。

在MAC下安装Phonegap环境要安装很多种第三方的软件。git,xocde,nodejs等等!

1.安装GIT:http://www.git-scm.com/

2.安装NODEJS：http://nodejs.org/

3.进入终端命令行使用npm安装cordova 代码如下：

$ sudo npm install -g cordova

4.进入你要创建的项目目录，然后创建phonegap项目。

5.进入刚才已经创建的项目中，这时候可以添加插件或是添加平台,无先后顺序。

$ cd hello
$ cordova platform add ios

6.添加插件(根据需求添加)

添加插件命令 cordova plugin add *  
  设备信息插件：  
  cordova plugin add org.apache.cordova.device  
  网络连接插件：  
  cordova plugin add org.apache.cordova.network-information  
  cordova plugin add org.apache.cordova.battery-status  
  陀螺仪：  
  cordova plugin add org.apache.cordova.device-motion  
  cordova plugin add org.apache.cordova.device-orientation  
  cordova plugin add org.apache.cordova.geolocation  
  摄像头拍照录制等：  
  cordova plugin add org.apache.cordova.camera  
  cordova plugin add org.apache.cordova.media-capture  
  cordova plugin add org.apache.cordova.media  
  访问文件：  
  cordova plugin add org.apache.cordova.file  
  cordova plugin add org.apache.cordova.file-transfer  
  提醒：  
  cordova plugin add org.apache.cordova.dialogs  
  cordova plugin add org.apache.cordova.vibration  
  联系人：  
  cordova plugin add org.apache.cordova.contacts  
  全球化：  
  cordova plugin add org.apache.cordova.globalization  
  闪屏（启动画面）：  
  cordova plugin add org.apache.cordova.splashscreen  
  打开新的浏览器 (InAppBrowser):  
  cordova plugin add org.apache.cordova.inappbrowser  
  调试主控制台：  
  cordova plugin add org.apache.cordova.console 

7.打开Finder，shift+command+G打开前往文件夹输入platforms/ios，编译运行HelloWorld.xcodeproj即可。

注：platforms/ios文件夹中的分布情况如下图

8.最终结果：

9.Xcode中目录结构：