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中目录结构:

推荐阅读更多精彩内容