Mac 配置 PhoneGap 3.x 开发环境

公司最近再弄PhoneGap 项目 整理了一些资料，以备忘

PhoneGap 3.0 之前的版本 都是可以在官方网站上下载的， 3.0 之后的版本 需要使用 NodeJs 来安装， 光这一点都折腾了2小时，避免大家走弯路

目前PhoneGap 已经推出了 3.5版本了， 集成了各种插件，想试水的朋友尽快操刀吧

本机的系统是OS X 10.9.2 Xcode 5.1

一、安装NodeJS

从NodeJS网站下载pkg安装包双击安装。

二、安装PhoneGap

这步比较容易，用npm安装

$ sudo npm install -g phonegap

三、创建PhoneGap工程

$ phonegap create my-app --name myApp --id com.example.myApp $ cd my-app

可以看到my-app目录中有merges/ platforms/ plugins/ www/四个子目录。

www目录中存放的是HTML/JS/CSS，以及一个res子目录。其中res目录存放多个平台的图标与启动画面。

platforms目录目前是空的，建立多个平台的工程时会在此目录中新增相应的工程目录。

plugins目录目前是空的，新增插件的时候会下载到此目录中。

四、创建for iOS的工程

$ phonegap build ios

五、用Xcode编译制作安装包

进入platforms/ios/，用Xcode打开myApp.xcodeproj进行编译安装