PhoneGap是一個用基於HTML，CSS和JavaScript的，建立移動跨平臺移動應用程式的快速開發平臺。

本文展示了怎樣使用PhoneGap建立第一個程式。

工具/原料

PhoneGap

方法/步驟

下載 安裝最新版本的PhoneGap，分為Windows和mac版本，注意選擇

下載 安裝PhoneGap app，同樣，注意選擇版本

接下來，開始建立預設的Hello World專案。

首先，開啟電腦上已安裝好的軟體，點選加號，選擇Create new PhoneGap project。

螢幕上將彈出選擇專案建立資訊的視窗，包括路徑（Local path），名稱（Name）和識別符號（ID，可不填）。分別填入後，點選綠色建立專案（Create Project）按鈕。

建立好的專案將如下圖所示。

注意：在底部綠色欄中顯示的伺服器地址將在下一步中使用，請記錄一下

專案建立完成後，可以用手機預覽一下效果。

點選進入手機上的伺服器地址，點選連線（connect）。

您應該能看到一個顯示連線成功的訊息。如果提示錯誤，請確保您的手機和計算機接入了同一網路。

連線成功後，會載入如下介面

現在我們修改一下程式碼看看效果。用文字編輯軟體開啟www資料夾下的index.htm檔案，~/appSample/www/index.html。

修改一下顯示文字好啦，在圖示位置把

PhoneGap

to

Hello PhoneGap

，儲存。

現在看看手機，螢幕的顯示已經不同了。

注意事項

Adobe PhoneGap官方網站上有詳細的教程，可供參考