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端口號即可調試