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

轉自http://www.gpxz.com/jiaocheng/kaifa/383796.html

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

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

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

開始吧...

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

1、下載nodeJS,並安裝

Nodejs官方下載地址:

一步步安裝完即可

2、下載android sdk

Android sdk 下載地址:

下載完成後解壓放置到某個文件夾內,比如我放置的文件夾是:

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

看起來應該是這樣的:

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

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

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

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

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

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

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

新建

變量名: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%\


3、下載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

4、下載ant

Ant是apache的一個項目

官方下載地址:

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

添加ant至全局環境變量中

新建

變量名:ANT_HOME

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

Path變量中添加:

;%ANT_HOME%\bin

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

5、接下來是安裝eclipse

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

在你剛纔下載android SDK時,文件夾中應該有一個eclipse了,如果沒有的話,就自己去官方下載一個吧

6、下載ADT包供eclipse使用

官方下載地址

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

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

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

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

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文件夾,並在文件夾內建議叫”helloworld”的cordova項目

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

進入hello文件夾

cd hello

添加android平臺項目

cordova platform add android

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

9、用eclipse打開android項目

打開eclipse

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

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

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

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

點擊finish後導入項目即可,

如圖:

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

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

會讓你選擇以什麼樣的方式運行,選擇andorid application即可,然後會讓你選擇在哪裏運行設備或Android模擬器


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章