PhoneGap开发app(附环境搭建教程)

PhoneGap开发app是一款由 Adobe 推出的基于web开发的测试工具，用户可以实时查看设备上的测试项目，在PhoneGap开发app上配置开发环境，设置IP地址即可使用，附详细PhoneGap开发环境搭建教程说明，程序猿们可以更加愉快的工作了。

PhoneGap开发环境搭建教程

0、下载java sdk 1.6以上版本     建议下载最新的版本  比如1.8以上
1、下载Android Development Tools
已经包括了Android sdk、esclipe，解压即可使用。下载里面更新完成sdk的版本
http://bbs.phonegap100.com/thread-1456-1-1.html
2、设置系统变量
系统变量 Path后面添加：
 D:\Program Files\ADT\sdk\tools;
 D:\Program Files\ADT\sdk\platform-tools;
 D:\Program Files\ADT\sdk\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin
C:\Program Files (x86)\Java\jdk1.6.0_10\bin;
新增 JAVA_HOME，设置值为java sdk 根目录：
C:\Program Files (x86)\Java\jdk1.6.0_10\
3、下载并安装NodeJS
NodeJS
2、进入cmd，执行以下命令安装
npm install  -g cordova
3、新建phonegap/cordova 项目
cordova create myApp
cd myApp
cordova platform add android
4、使用ADT工具打开并编辑该项目
File>New>Project>Android>Android Project from Existing Code
选择则刚才建立项目所在路径，即可使用ADT打开进行编辑。
打开的时候如果出现两个选项全选，如果出现很多，那么debug和build相关字眼的不选，最后也是剩余两个，然后点击完成
5、项目的结构
主要编辑 assets/www 目录下的 html css js 文件。

使用说明

在PhoneGap官网上下载sdk 然后配置好环境 然后写代码，想调试的时候在sdk带的control panel里打开debug server 

手机客户端里填上电脑端ip端口号即可调试