PhoneGap作為新一代的跨平臺開發工具受到越來越多的人的喜愛，是一個使用js，css以及html等語言作為開發語言的。使用使用phoneGap開發出來的專案可以編譯打包到不同的執行平臺，比如android、ios等。下面我就介紹一下使用PhoneGap開發android專案的開發環境搭建以及新建一個簡單的專案。

PhongGap環境搭建

1、所需工具

   jdk(java所需編譯環境,建議jdk_1.7+)

android-sdk(android工程編譯環境)

ant(android工程打包工具)

eclipse(android專案開發工具)

adt(android開發工具外掛)

node.js(

  phoneGap(phoneGap開發工具)

js開發工具，推薦使用webstrom(前端開發工具)

1.1、jdk的安裝。

從網上下載jdk安裝，並配置環境變數。當java和javac命令能正確執行的時候就行了。網上很多jdk的安裝介紹在此不做說明。

1.2、 android-sdk的安裝。 android-sdk實際上是一個壓縮檔案，可以執行線上更新(不過google在國內無法使用以後，線上更新要使用代理據說github上面有一個地址，不過我暫時沒有找到，如果以後找到會更新上來，或者翻牆進行跟新，不過速度很慢)，在專案編譯和打包釋出的時候需要使用android-sdk，需要和eclipse配合使用，在下面的eclipse配置中進行說明。不過使用phoneGap開發android專案時需要配置android_home。我的android-sdk的目錄是：F:\software\android-sdk-windows

F:\software\android-sdk-windows\tools；F:\software\android-sdk-windows\platform-tools。配置過後再執行

android命令和adb命令如果執行成功則證明配置成功。(有時這個環境變數的配置需要重啟電腦)

1.3、ant是一個android專案的打包工具，需要配置環境變數，我使用的是eclipse自帶的，環境變數 是：F:\software\adt-bundle-windows\eclipse\plugins\org.apache.ant_1.8.4.v201303080030\bin。

1.4、eclipse是開發android的利器，不過需要配置ant和android-sdk。手動下載和自己android-sdk相配套的ADT，使用eclipse的help->install new software安裝ADT 

在配置玩ADT後再window->preference中配置android-sdk的location

至此android開發環境已經配置好了，如果不是使用phoneGap進行開發，這個時候已經可以結束了。

1.5、ADT在上面已經進行了配置，在此不做再次說明。

1.6、安裝node.js,從網上下載對應版本的nodejs，最新版本的是4.1.2。按照一般的軟體安裝方式安裝node.js,安裝完成後配置環境變數，比如我的nodejs安裝目錄是F:\software\nodejs\，那就在系統環境的path中新增F:\software\nodejs\，配置完成後執行 node -v，命令執行成功就代表nodejs安裝成功，如果沒有執行成功，很有可能是環境變數沒有配置成功。

1.7、安裝phoneGap和Cordova，在命令列執行 npm install -g phonegap，在執行成功後，執行 npminstall -g cordova 。

但是在執行npm install -g phonegap 很有可能會出現連線速度太慢導致的無法安裝錯誤，這個時候可以使用代理完成，具體請見 http://blog.csdn.net/u012251421/article/details/48602041。在執行完成後 phonegap -verison和cordova -version命令，會出現具體的版本資訊，則表示安裝成功，否則安裝失敗，請檢查失敗原因。

到此phoneGap的開發環境已經搭建好了，下面總結一下。

安裝phoneGap失敗的原因主要有兩個：

一是環境變數的配置，這個是很容易出現錯誤的地方，大部分情況是缺少環境變數或者配置的變數路徑出錯。二是在安裝phoneGap的時候出錯，原因有兩個，一是網路原因，二是代理原因，代理原因的解決方法上面有說明。下面說一個需要配置的環境變數，所有的環境變數都是作業系統環境變數Path:

Java :新建系統環境變數JAVA_HOME=F:\software\Java\jdk1.7.0_21

Path中新增：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

成功執行 java 和javac命令證明安裝成功

Android-SDK：新建系統環境變數：

ANDROID_HOME=F:\software\android-sdk-windows

Path中新增：%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

執行android和adb命令成功。

Ant:在Path新增

F:\software\adt-bundle-windows\eclipse\plugins\org.apache.ant_1.8.4.v201303080030\bin;

NodeJs：Path中新增 F:\software\nodejs\;

執行node –v成功

執行npm install phonegap he npm install cordova 成功，後執行phonegap – version和cordova –version成功。

如果上面的操作都執行成功，則環境搭建成功。

PhoneGap搭建android專案

新建前準備：

需要執行命令：cordovaplatform add android，將android平臺加入到環境中。

1、      新建工作目錄，比如F:\phoneGapPro,進入該工作目錄，執行命令：phonegap create myapp (該命令有很多引數，這裡不做說明)，執行成功後，進入myapp這個目錄，執行phonegap build android命令，這個命令執行成功後，當前專案編譯完成了，可以匯入eclipse運行了。

2、      專案匯入

使用eclipse匯入android專案

說明：勾選對應的兩項，千萬不要勾選 Copy projectsinto workspace，不然會出現奇怪的錯誤。

專案匯入後可能會有一些錯誤，進行修正就可以了。

執行專案：