【轉】PhoneGap Cordova 環境搭建

最近嘗試了一下使用HTML5來編寫應用，萬丈高樓平地起，首先第一步就是環境搭建。在此記錄，以備忘。

首先：進入PhoneGap的官方網站： http://phonegap.com/，首頁中一個碩大的install，堅決果斷點擊它：

 

 

 看來須要安裝NODEJS，OKAY。點擊上圖中的Nodejs，開始安裝NODEJS。這是NODEJS的官方網站： http://nodejs.org/

首頁上又是一個碩大的INSTALL。還等什麼，下一步，下一步，下一步。安裝完畢。

 

其次開始搭建其餘相關環境：

 點擊頁面上的開發-》起步-》進入其幫助界面。

下面僅以ANDROID平臺爲例：

【1】首先你得安裝好ANDROID的SDK，不會安裝？傳送門： http://developer.android.com/index.html

【2】設計ANDROID SDK TOOLS ,TOOLS 環境變量，因爲我是在WIN7上開發下面僅以WIN7爲例：（環境變量都會設置吧，不懂？GOOGLE吧），須要將如下路徑設置到PATH中：

 

【3】以後設置JAVA_HOME與ANT_HOME以下：

 

什麼？你沒有安裝ANT，傳送門在此： http://ant.apache.org

首頁左側一個碩大的DOWNLOAD，直接點擊該條目下的Binary Distributions,找到合適你的系統的安裝包便可。好吧，其實解壓就能夠了，不過解壓以後還不能用，咋辦？

點擊上圖的手冊項目，進入幫助文檔界面以下：

 到此，碩大的安裝ANT說明歷歷在目，點擊以後，本身閱讀吧。文檔中寫的很明白，這裏就不贅述了。

【4】至此，環境應該已經搭建結束。在WINDOWS命令行中試試：

先輸入命令來安裝CORDOVA：

de style="font-family: DejaVu, Monaco, 'Courier New', Courier; font-size: 11px; padding: 0px; background-image: none; border: none;"  >npm install -g cordovade>

 

以後在命令行中輸入：

 

若是你出現如上圖的內容，那麼恭喜你環境搭建結束。

【6】環境搭建好了，下面來建立一個應用程序吧。仍是在命令行中：

 運行正常不該該出現任何輸出。建立成功以後會生成以下圖的內容：

 以後再繼續輸入命令爲當前項目添加平臺：

 

該命令成功執行以後會生成以下：

 

以後輸入命令編譯該工程：

 【7】以後打開ECLIPSE將當前的工程導入。

啓動ECLIPSE--》如今新建工程--》以後選擇：

以後選中上述建立的工程目錄--》點擊完成。

以後你就能夠運行這個程序啦。啥也不說上個圖：

 

另外：Phonegap能夠添加特性，即官方文檔中的各類API。想要使用某一類的API就必須將該特性添加進入。

如何添加，見：

具體如何操做，看看文檔吧，有好處。：）