公司用的是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模擬器