搭建Dreamweaver CS5.5+PhoneGap移動開發(fā)環(huán)境

搭建開發(fā)環(huán)境
1.Dreamweaver版本選擇
確認Dreamweaver CS5.5版本號是11.5，內(nèi)部版本5344以上，不是的話請升級你的版本。Adobe官網(wǎng)有的下，破解方法網(wǎng)上一大堆，主要是通過序列號+改hosts方法。
2.安裝Android SDK
到官網(wǎng)下載Android SDK安裝程序并安裝好，安裝后如圖所示

然后在DW中選擇“站點->移動應(yīng)用程序->配置應(yīng)用程序框架”，彈出對話框，在Android SDK路徑中，點右側(cè)的文件夾圖標(biāo)瀏覽到之前安裝的Android SDK位置，然后點保存。如圖所示（注：這里千萬別點簡易安裝，如果點了話，它會把你原有Android SDK給刪除了）


3.應(yīng)用程序設(shè)置
首先點擊“站點->新建站點”，輸入你自己站點名稱，以及本地站點文件夾路徑，然后保存。如圖所示

然后點擊“站點->移動應(yīng)用程序->應(yīng)用程序設(shè)置”，打開本機應(yīng)用程序設(shè)置對話框。設(shè)置應(yīng)用程序相關(guān)信息后保存，如圖所示

填寫完成后，點擊“管理AVD”，在彈出的Android Virtual Device Manager對話框中，選中列表中的DW_AVD，點擊右側(cè)的“Start->Launch”，開始啟動Android虛擬機。

第一次打開速度比較慢，直到出現(xiàn)下圖所示：（注：我的不知道什么原因點擊“管理AVD”彈出的是Android SDK Manager對話框，上面步驟其實我是手動在Android SDK安裝目錄中打開的）

開發(fā)第一個移動應(yīng)用
1.完成上述步驟之后，在Dreamweaver中點擊“文件->新建”，在彈出的新建文檔對話框中選擇“示例中的頁->Mobile起始頁->jQuery Mobile(PhoneGap)”，然后點創(chuàng)建。如圖所示

2.將文件另存為HelloWrold文件夾中的index.html，點“保存”。這時會彈出“復(fù)制相關(guān)文件”對話框，選擇“復(fù)制”。如圖所示

3.選擇“站點->移動應(yīng)用程序->生成和模擬->Android”來等待程序打包并發(fā)布到虛擬機。如圖所示

發(fā)布后可能有人會出現(xiàn)“Dreamweaver無法在模擬器中打開XXX”的錯誤信息，如圖所示。

2012/2/25更新

這個問題當(dāng)我模擬器沒打開由DW來啟動模擬器總是會出現(xiàn)，但是如果自己先打開模擬器了，再點生成和模擬，這時候生成是成功的。但是程序沒安裝到模擬器上，必須手動來安裝，安裝方法如下
安裝Android應(yīng)用程序
1) 啟動Android模擬器
2) adb install (apk在PC上的路徑/)*.apk
3) Android模擬器界面中瀏覽打開apk應(yīng)用程序

4.設(shè)置完上述步驟并重新生成和模擬，這時應(yīng)該就可以了，會出現(xiàn)如圖所示的成功信息及效果圖。到這里就全部完成了。

?