windows7下安裝配置phonegap3.0 (cordavo)開發(fā)環(huán)境

《Android應(yīng)用開發(fā)實戰(zhàn)》配套源碼

• 類型：源碼相關(guān)大�。�23.6M語言：中文 評分：9.1
• 標簽：

立即下載

公司用的是windows7，所以不得不再進行一次windows下的配置工作，順便也寫下來了

主要麻煩的地方是要在win7下添加好幾個環(huán)境變量，這一塊地方特別要小心添加，步驟挺多的，給你打鎮(zhèn)強心劑，看最終成功運行效果先，我還測試集成了某個廣告聯(lián)盟的SDK，如圖：

開始吧...

注意：我下面如果給出的官方下載地址，請您自行去下載，因為我的win7是64位的，可能與你的有點不同。你得下載正確的安裝包

1、下載nodeJS,并安裝

Nodejs官方下載地址：

http://www.nodejs.org/

一步步安裝完即可

2、下載android sdk

Android sdk 下載地址:

http://m.elephantinaurance.com/soft/21869.html

下載完成后解壓放置到某個文件夾內(nèi)，比如我放置的文件夾是：

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

看起來應(yīng)該是這樣的：

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

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

將android sdk添加至計算機全局環(huán)境變量中

在計算機上鼠標右擊選擇屬性打開->系統(tǒng)面板->高級系統(tǒng)設(shè)置->環(huán)境變量->系統(tǒng)變量下點擊新建按鈕，應(yīng)該是這樣子的

新建

變量名：Android_Home

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

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

再在系統(tǒng)變量中找到Path變量，沒有的話你自己建一個

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

;%Android_Home%\tools

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

新建

變量名：Android_adb

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

同樣在Path變量中加入：

;%Android_adb%\

3、下載JAVA jdk

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

下載地址：http://m.elephantinaurance.com/soft/14285.html

同樣要將java加入全局環(huán)境變量中

新建

變量名：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

4、下載ant

Ant是apache的一個項目

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

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

添加ant至全局環(huán)境變量中

新建

變量名：ANT_HOME

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

Path變量中添加：

;%ANT_HOME%\bin

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

5、接下來是安裝eclipse

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

在你剛才下載android SDK時，文件夾中應(yīng)該有一個eclipse了，如果沒有的話，就自己去官方下載一個吧

6、下載ADT包供eclipse使用

官方下載地址

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

http://m.elephantinaurance.com/soft/62158.html

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

打開Install面板，點擊add...按鈕，再點擊archive...按鈕找到你剛才下載的zip包，確定再安裝完重啟eclipse即可

7、安裝phonegap3.x(cordova)

Phonegap被adobe收購后就改名成cordova了，所以下面就以cordova來稱呼

在cmd命令行工具中輸入

npm install -g cordova

Nodejs自會動會幫你安裝好cordova

8、建立cordova項目

打開cmd命令行工具，定位到你需要建立項目的目錄后輸入

cordova create hello com.example.hello "helloworld"

意思是建議一個hello文件夾，并在文件夾內(nèi)建議叫”helloworld”的cordova項目

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

進入hello文件夾

cd hello

添加android平臺項目

cordova platform add android

好了hello文件夾下的platforms文件夾下已經(jīng)有android項目了

9、用eclipse打開android項目

打開eclipse

選擇file菜單下的import 打開導(dǎo)入面板

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

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

點擊finish后導(dǎo)入項目即可，

如圖：

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

會讓你選擇以什么樣的方式運行，選擇andorid application即可，然后會讓你選擇在哪里運行設(shè)備或android模擬器