公司用的是windows7,所以不得不再進行一次windows下的配置工作,順便也寫下來了
主要麻煩的地方是要在win7下添加好幾個環境變量,這一塊地方特別要小心添加,步驟挺多的,給你打鎮強心劑,看最終成功運行效果先,我還測試集成了某個廣告聯盟的SDK,如圖:
開始吧...
注意:我下面如果給出的官方下載地址,請您自行去下載,因為我的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模擬器