Windows 下通過NodeJs安裝PhoneGap(Cordova)並測試運行

1.安裝NodeJs,下載地址https://nodejs.org/download/

2.運行->cmd->輸入 C:\> npm install -g phonegap 安裝PhoneGap,如圖:

wKioL1Vjx5jBsbZGAALXP0juBYw485.jpg

完成

wKiom1Vjx92RRGxJAAMXfNnwxEU071.jpg

3.完成後安裝 cordova:輸入npm install -g cordova

wKioL1VmcIWCjzfPAALblimxMPo306.jpg

4.安裝完成後檢查語句

phonegap -version

cordova -version

wKioL1VmcP7yJ9MWAABJQ6cc6EU182.jpg

5.創建測試項目test

wKioL1Vmcl_wTUtLAACKclEchQs372.jpg

編譯項目

wKioL1VmdK2Rqy06AACnnvd0o30136.jpg

在my-app 目錄下出現5個文件夾     打包好的工程放在platforms裏面

wKioL1VmcpmiC5reAABgl851iqw052.jpg


文件夾詳解:

www       : 文件夾  開發的 HTML5、CSS、JS 文件都拷貝到這下面

plugins    : 文件夾  存放的是phonegap插件  以後 文件,攝像頭等插件都下載到這裏 

merges     : 暫時沒用過 ^.^

platforms   : 文件夾 存放的是編譯好後的android文件 (如果這個文件夾爲空,需要你在命令行編譯一次才能生成. 如上面 phonegap run android)


6.將此文件夾導入 eclipse 就可以使用

phonegap 將以第三方庫的形式導入

如果src文件報錯 檢查是否是   phonegap的功能沒有導入進來


7.運行測試,確認存在可用的android virtual devices,如果不存在點擊new添加,如圖:

wKioL1VmhKHhv5VMAAIMxstWK6c402.jpg

run導航->run configurations->target選擇新建的android virtual devices->run

注:此處avd列表爲空時,是因爲,沒有可用的android virtual devices,點擊manager或者執行上步操作添加完成後再選擇。

wKioL1VmhRCg_zt5AANgjrLdVUE818.jpgrunning...

wKiom1VmhDLzSMcZAAE6C6Bd7Pk510.jpg

success ^.^...

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