Mac 下安装Phonegap开发环境

Mac 下安装Phonegap开发环境

 2014.09.11  星期四 评论 0 条    阅读 5,613 次 作者：野草 标签：phonegap ios mac

什么是Phonegap呢？Phonegap是一个利用HTML5去开发App的框架。可以为安卓、iOS、WP、黑莓、火狐等移动操作系 统。采用HTML5来编写交互界面。其优点是编写一次可以编译到各种移动平台上，大大为公司节省了开发周期。但是它也是有缺点的，性能比如原生的好，只能 做一些简单的APP，比如介绍公司的那种，或者网站客户端。要是做游戏还是算了吧。

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

1.安装GIT:http://www.git-scm.com/
2.安装NODEJS：http://nodejs.org/ (如果你安装了旧版本的需要手动安装npm，不过最新版的自带了)
3.进入终端命令行使用npm安装cordova如下：

$ sudo npm install -g cordova

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

 $ cordova create hello com.example.hello HelloWorld

输入完这个命令后cordova程序会帮你创建hello文件夹，里面就是这个phonegap环境了。

5.创建xcode项目文件。要编译App肯定是要用xcode的，没有安装就去App Store下载吧。

$ cd hello
$ cordova platform add ios

之后你用finder进入子目录就会看到platforms中得ios文件夹，接着你就运行里面项目编译即可。

6.环境算是有了，但是你要做项目还得需要调用很多系统的东西，比如摄像头、系统信息、文件操作等等，或者第三方开发的插件。看官网文档:

Basic device information (Device API): (设备信息插件)

$ cordova plugin add org.apache.cordova.device

Network Connection and Battery Events:（网络连接插件）

$ cordova plugin add org.apache.cordova.network-information
$ cordova plugin add org.apache.cordova.battery-status

Accelerometer, Compass, and Geolocation:（陀螺仪）

$ cordova plugin add org.apache.cordova.device-motion
$ cordova plugin add org.apache.cordova.device-orientation
$ cordova plugin add org.apache.cordova.geolocation

Camera, Media playback and Capture:（摄像头拍照录制等）

$ cordova plugin add org.apache.cordova.camera
$ cordova plugin add org.apache.cordova.media-capture
$ cordova plugin add org.apache.cordova.media

Access files on device or network (File API):（访问文件）

$ cordova plugin add org.apache.cordova.file
$ cordova plugin add org.apache.cordova.file-transfer

Notification via dialog box or vibration:（提醒）

$ cordova plugin add org.apache.cordova.dialogs
$ cordova plugin add org.apache.cordova.vibration

Contacts:（联系人）

$ cordova plugin add org.apache.cordova.contacts

Globalization:

$ cordova plugin add org.apache.cordova.globalization

Splashscreen:

$ cordova plugin add org.apache.cordova.splashscreen

Open new browser windows (InAppBrowser):

$ cordova plugin add org.apache.cordova.inappbrowser

Debug console:

$ cordova plugin add org.apache.cordova.console