搭建PhoneGap开发环境

1、去官网下载nodejs   https://nodejs.org/en/download/

2、使用nodejs下载cordova或者PhoneGap

在控制台运行命令：

 npm install -g phonegap                                     ( Mac使用: sudo npm install -g phonegap )

//等待安装   完成后安装 cordova:

 npm install -g cordova                                       ( Mac使用: sudo npm install -g cordova )

 3、安装jdk，配置环境变量

　　　　JAVA_HOME变量：C:\Program Files\Java\jdk1.6.0_14（根据自己的安装路径填写）         

          PATH变量: %JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

4、安装eclipse

5、下载android sdk

　　　ANDROID:D:\sdk\android-sdk-windows

　　　PAHT:%ANDROID%\tools;%ANDROID%\platform-tools

6、下载android adt

7、打开安装好的eclipse-->help-->Install New Software...

ADD 按钮添加ADT 

注：如果不会配置sdk或者sdt可以直接下载配置好的ADT Bundle版本

ADT Bundle包含了Eclipse、ADT插件和SDK Tools，是已经集成好的IDE，只需安装好Jdk即可开始开发，推荐初学者下载ADT Bundle，不用再折腾开发环境

下载android环境: http://www.androiddevtools.cn/

 8、创建cordova project项目

cordova create hello com.example.hello 'HelloWorld'  

9、进入工程根目录

cd hello

10、添加平台

cordova platform add ios(这个命令是创建ios项目)

cordova platform add android(这个命令是创建android项目)

cordova platforms ls

11、整合项目android

a.将静态html文件copy到helloCordova\www目录下

b.编译android工程：

>cordova build android

c.运行eclipse，导入helloCordova\platforms\android路径下的android工程

d.在html里引用cordova的js库：

<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="cordova_plugins.js"></script>

 12、整合项目ios

a.将静态html文件copy到helloCordova\www目录

b.编译ios工程：

>cordova build ios

c.运行xcode，导入helloCordova\platforms\ios路径下的xcode project

d.在html里引用cordova的js库：

<script type="text/javascript" src="cordova.js"></script>

<script type="text/javascript" src="cordova_plugins.js"></script>

• cordova编译会将[根目录/www]下文件copy到具体platform的www文件夹内，如果你的代码写在platforms里的android中，编译时会被覆盖掉
• 因为add plugin的时候已经自动添加了相关的配置，所以只要有cordova_plugin.js就不需要手动引用cordova插件的js了。