西西軟件園多重安全檢測下載網(wǎng)站、值得信賴的軟件下載站!
軟件
軟件
文章
搜索

首頁編程開發(fā)其它知識 → windows7下安裝配置phonegap3.0 (cordavo)開發(fā)環(huán)境

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

相關(guān)軟件相關(guān)文章發(fā)表評論 來源:willian12345時(shí)間:2014/2/10 22:13:46字體大小:A-A+

作者:willian12345點(diǎn)擊:70次評論:0次標(biāo)簽: android

  • 類型:源碼相關(guān)大。23.6M語言:中文 評分:9.1
  • 標(biāo)簽:
立即下載

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

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

開始吧...

注意:我下面如果給出的官方下載地址,請您自行去下載,因?yàn)槲业膚in7是64位的,可能與你的有點(diǎn)不同。你得下載正確的安裝包

1、下載nodeJS,并安裝

Nodejs官方下載地址:

http://www.nodejs.org/

一步步安裝完即可

2、下載android sdk

Android sdk 下載地址:

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

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

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

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

此時(shí)你擁有的只是個(gè)android sdk管理器,真實(shí)的android sdk還需要進(jìn)一步下載

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

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

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

新建

變量名:Android_Home

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

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

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

雙擊這個(gè)變量在變量值中加入:


;%Android_Home%\tools


別忘了前面有個(gè)”;”分號....

新建

變量名:Android_adb

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

同樣在Path變量中加入:


;%Android_adb%\


3、下載JAVA jdk

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

下載地址:http://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

別忘了最前面那個(gè)"."號哦

同樣在Path變量中加入:

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

4、下載ant

Ant是apache的一個(gè)項(xiàng)目

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

別問啥為什么要安裝這個(gè),反正不裝的話在phonegap添加android平臺時(shí)會報(bào)錯(cuò)

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

新建

變量名:ANT_HOME

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

Path變量中添加:

;%ANT_HOME%\bin

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

5、接下來是安裝eclipse

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

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

6、下載ADT包供eclipse使用

官方下載地址

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

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

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

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

7、安裝phonegap3.x(cordova)

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

在cmd命令行工具中輸入


npm install -g cordova


Nodejs自會動(dòng)會幫你安裝好cordova

8、建立cordova項(xiàng)目

打開cmd命令行工具,定位到你需要建立項(xiàng)目的目錄后輸入

cordova create hello com.example.hello "helloworld"

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

com.example.hello可以說是你項(xiàng)目的id吧,暫時(shí)不用管

進(jìn)入hello文件夾

cd hello

添加android平臺項(xiàng)目

cordova platform add android

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

9、用eclipse打開android項(xiàng)目

打開eclipse

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

選擇android->Existing android code into workspace 再點(diǎn)擊next

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

點(diǎn)擊finish后導(dǎo)入項(xiàng)目即可,

如圖:

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

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

    相關(guān)評論

    閱讀本文后您有什么感想? 已有人給出評價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    發(fā)表評論 查看所有評論(0)

    昵稱:
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評論需要經(jīng)過審核才能顯示)