Windows XP Windows 7 Windows 2003 Windows Vista Windows教程綜合 Linux 系統教程
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟件教程
 Windows教程網 >> Windows 7系統教程 >> 關於Windows7系統教程 >> windows7安裝配置phonegap3.0 (cordavo)開發環境教程

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

日期:2017/1/23 18:16:58      編輯:關於Windows7系統教程

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

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

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

開始吧...

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

1、下載nodeJS,並安裝

一步步安裝完即可

2、下載android sdk

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

E:frameworksadt-bundle-windows-x86_64-20131030

看起來應該是這樣的:

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

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

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

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

新建

變量名:Android_Home

變量值:E:frameworksadt-bundle-windows-x86_64-20131030sdk

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

再在系統變量中找到Path變量,沒有的話你自己建一個

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

;%Android_Home%tools

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

新建

變量名:Android_adb

變量值:E:frameworksadt-bundle-windows-x86_64-20131030sdkplatform-tools

同樣在Path變量中加入:

;%Android_adb%

3、下載JAVA jdk

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

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

新建

變量名:JAVA_HOME

變量值:

D:Program FilesJavajdk1.6.0_39

我電腦上JDK的路徑,你電腦上得換成你自己存放JDK的文件夾路徑

新建

變量名:CLASSPATH

變量值:

.;%JAVA_HOME%lib;%JAVA_HOME% libtools.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使用

下載完成後,打開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文件夾,並在文件夾內建議叫”helloworld”的cordova項目

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

進入hello文件夾

cd hello

添加android平台項目

cordova platform add android

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

9、用eclipse打開android項目

打開eclipse

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

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

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

點擊finish後導入項目即可,

如圖:

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

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

Copyright © Windows教程網 All Rights Reserved