Phonegap3.4 環境搭建及新建項目


一、環境准備

1、到這里安裝Node.js。

2、到這里下載Adroid ADT Bundle for Windows,下載后解壓,我的放在:F:\MobileDev\adt-bundle-windows-x86-20131030。打開eclipse,安裝最新的Android API,

及Tools,下圖我能安裝的都安裝過了。

3、配置環境變量Path和JAVA_HOME,我已經配置好了:

在Path最后加入如下路徑:

F:\MobileDev\adt-bundle-windows-x86-20131030\sdk\platform-tools;F:\MobileDev\adt-bundle-windows-x86-20131030\sdk\tools;F:\MobileDev\adt-bundle-windows-x86-20131030\eclipse\plugins\org.apache.ant_1.8.3.v201301120609\bin;%JAVA_HOME%\bin

4、打開cmd命令行工具,輸入npm install -g phonegap,等一段時間(n分鍾左右),成功后輸入npm install -g cordova,等一段時間(n分鍾左右)

如果不報錯,說明成功了。——嗯,貌似廢話。

5、測試成功與否:在cmd里依次輸入如下命令:

java,javac,phonegap -version,cordova -version。

二、構造項目

1、在E盤建一個phonegap文件夾(名稱隨便取,最好不要帶空格和中文),在命令行cd到該文件夾。輸入:

phonegap create myapptest

等一段時間,成功。

cd myapptest

phonegap build android

等一段時間,成功。

如果經歷了以上種種,發現項目的創建或者構造失敗了,不是人品問題,就是人品問題。

到phonegap/myapptest目錄下看看,是這個樣子:

2、打開eclipse,File/New/Project,選擇Android Project From Existing Code:

copy projects into workspace 千萬別勾上,我死於此n次。

有兩個項目,一個HelloWorld一個HelloWorld-CordovaLib,后者是類庫項目,前者依賴於后者。項目的編碼是GBK,最好都改成UTF-8。前者會出現一個嘆號錯誤標志,解決辦法是:Project/Build All,這時又出一個引用錯誤,HelloWorld項目中的HelloWorld.java,看到的是這樣:

把鼠標移到引起錯誤的類CordovaActivity上,選擇Fix Project Setup,選擇OK。又會出現一個紅色感嘆號,不用管他,直接將HelloWorld作為Android項目運行。

人品如果不是問題,到這里,肯定已經跑起來了。

用Phonegap命令創建出來的項目,總是一律叫HelloWorld,我們可以用如下命令,創建出自己指定的名稱的項目:

cordova create MyAppDirectory com.example.hello "MyAppName"
cd MyAppDirectory
cordova platform add android
cordova build

導入項目的方法同上,如果也出現問題,就用上面提到的方法解決即可。

至於Phonegap和cordova到底是什么關系,有什么不同,我也在查閱。查閱后立即補充上來。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM