windows7下安裝配置phonegap3.0 (cordavo)開發環境 (涉及android sdk配置)

以前在mac上安裝調試過phonegap，如今公司用的是windows7，因此不得再也不進行一次windows下的配置工做，順便也寫下來了

主要麻煩的地方是要在win7下添加好幾個環境變量，這一塊地方特別要當心添加

步驟挺多的，給你打鎮強心劑，看最終成功運行效果先，我還測試集成了某個廣告聯盟的SDK，如圖：

 

開始吧...

注意：我下面若是給出的官方下載地址，請您自行去下載，由於個人win7是64位的，可能與你的有點不一樣。你得下載正確的安裝包

 

一、下載nodeJS,並安裝

Nodejs官方下載地址：

http://www.nodejs.org/

一步步安裝完便可

二、下載android sdk

Android sdk 下載地址:

http://developer.android.com/sdk/index.html

下載完成後解壓放置到某個文件夾內，好比我放置的文件夾是：

E:\frameworks\adt-bundle-windows-x86_64-20131030

看起來應該是這樣的：

 

此時你擁有的只是個android sdk管理器，真實的android sdk還須要進一步下載

雙擊 SDK Manager.exe會打開sdk管理器，下載你須要的android SDK包便可，如圖：

將android sdk添加至計算機全局環境變量中

在計算機上鼠標右擊選擇屬性打開->系統面板->高級系統設置->環境變量->系統變量下點擊新建按鈕，應該是這樣子的

新建

變量名：Android_Home

變量值：E:\frameworks\adt-bundle-windows-x86_64-20131030\sdk

變量值就是你剛剛放置android sdk文件夾路徑

 

再在系統變量中找到Path變量，沒有的話你本身建一個

雙擊這個變量在變量值中加入：

;%Android_Home%\tools

別忘了前面有個」;」分號....

新建

變量名：Android_adb

變量值：E:\frameworks\adt-bundle-windows-x86_64-20131030\sdk\platform-tools

一樣在Path變量中加入：

 

;%Android_adb%\

 

三、下載JAVA jdk

建議下載jdk1.6版本安裝,過高了eclipse有可能會運行不了啊親..

下載地址請自行尋找

一樣要將java加入全局環境變量中

新建

變量名：JAVA_HOME

變量值：

D:\Program Files\Java\jdk1.6.0_39

 

我電腦上JDK的路徑，你電腦上得換成你本身存放JDK的文件夾路徑

新建

變量名：CLASSPATH

變量值：

.;%JAVA_HOME%\lib;%JAVA_HOME% \lib\tools.jar

別忘了最前面那個"."號哦

一樣在Path變量中加入：

;%JAVA_HOME%\bin;%JAVA_HOME%\jre \bin

四、下載ant

Ant是apache的一個項目

官方下載地址：http://mirrors.hust.edu.cn/apache//ant/binaries/apache-ant-1.9.3-bin.zip

別問啥爲何要安裝這個，反正不裝的話在phonegap添加android平臺時會報錯

添加ant至全局環境變量中

新建

變量名：ANT_HOME

變量值：D:\apache-ant-1.9.3

Path變量中添加：

;%ANT_HOME%\bin 

好了，該添加的系統變量基本搞定了，大工程，巨麻煩，別弄錯了。想檢查哪一個項目在系統變量中有沒有添加成功，只要在cmd命令行工具中輸入那個項目的名稱回車，看有沒有反應便可，好比輸入node -v若是會顯示版本號，即說明安裝成功了

 

 

五、接下來是安裝eclipse

 

其實eclipse 不安裝也是能夠的，可是強烈建議安裝，全用命令行來處理，太麻煩是不？

 

 

 

在你剛纔下載android SDK時，文件夾中應該有一個eclipse了，若是沒有的話，就本身去官方下載一個吧

 

 

六、下載ADT包供eclipse使用

官方下載地址

https://dl.google.com/android/ADT-22.3.0.zip

下載完成後，打開eclipse選擇help->Install New Software

打開Install面板，點擊add...按鈕，再點擊archive...按鈕找到你剛纔下載的zip包，肯定再安裝完重啓eclipse便可

 

 

 

七、安裝phonegap3.x(cordova)

Phonegap被adobe收購後就更名成cordova了，因此下面就以cordova來稱呼

在cmd命令行工具中輸入

npm install -g cordova

Nodejs自會動會幫你安裝好cordova

 

八、創建cordova項目

 

打開cmd命令行工具，定位到你須要創建項目的目錄後輸入

cordova create hello com.example.hello "helloworld"

 

意思是建議一個hello文件夾，並在文件夾內建議叫」helloworld」的cordova項目

 

com.example.hello能夠說是你項目的id吧，暫時不用管

進入hello文件夾

 

cd hello

 

添加android平臺項目

 

cordova platform add android

好了hello文件夾下的platforms文件夾下已經有android項目了

 

九、用eclipse打開android項目

打開eclipse

選擇file菜單下的import 打開導入面板

選擇android->Existing android code into workspace 再點擊next

打開Import Project面板,點擊Browse...按鈕，找到剛纔創建的hello\platforms文件夾下的android文件

點擊finish後導入項目便可，

如圖：

 

在左側的包視圖(Package Explorer)中選擇Helloworld再點擊run菜單下的run

會讓你選擇以什麼樣的方式運行，選擇andorid application便可，而後會讓你選擇在哪裏運行設備或android模擬器

 

關於如何新建android模擬器，請參考個人另外一片mac下配置phonegap的博文，模擬器這一塊的配置幾乎是同樣的

Mac 10.9x下安裝配置phonegap3.0開發環境

 

傳送門：http://www.cnblogs.com/willian/p/3516613.html

 

若是安裝中碰到任何問題，請與我交流心得。謝謝 

 

========================================================

轉載處請註明：博客園(王二狗)willian12345@126.com