Dreamweaver CS5.5配置PhoneGap移動開發環境

來源:互聯網
上載者:User

搭建開發環境
1.Dreamweaver版本選擇
確認Dreamweaver CS5.5版本號碼是11.5,組建5344以上,不是的話請升級你的版本。Adobe官網有的下,破解方法網上一大堆,主要是通過序號+改hosts方法。
2.安裝Android SDK
到官網下載Android SDK安裝程式並安裝好,安裝後如圖所示

然 後在DW中選擇“網站->行動裝置 App程式->配置應用程式架構”,彈出對話方塊,在Android SDK路徑中,點右側的檔案夾表徵圖瀏覽到之前安裝的Android SDK位置,然後點儲存。如圖所示(註:這裡千萬別點簡易安裝,如果點了話,它會把你原有Android SDK給刪除了)


3.應用程式設定
首先點擊“網站->建立網站”,輸入你自己網站名稱,以及本地網站資料夾路徑,然後儲存。如圖所示

然後點擊“網站->行動裝置 App程式->應用程式設定”,開啟本機應用程式設定對話方塊。設定應用程式相關資訊後儲存,如圖所示

填寫完成後,點擊“管理AVD”,在彈出的Android Virtual Device Manager對話方塊中,選中列表中的DW_AVD,點擊右側的“Start->Launch”,開始啟動Android虛擬機器。

第一次開啟速度比較慢,直到出現下圖所示:(註:我的不知道什麼原因點擊“管理AVD”彈出的是Android SDK Manager對話方塊,上面步驟其實我是手動在Android SDK安裝目錄中開啟的)

開發第一個行動裝置 App
1.完成上述步驟之後,在Dreamweaver中點擊“檔案->建立”,在彈出的建立文檔對話方塊中選擇“樣本中的頁->Mobile起始頁->jQuery Mobile(PhoneGap)”,然後點建立。如圖所示

2.將檔案另存新檔HelloWrold檔案夾中的index.html,點“儲存”。這時會彈出“複製相關檔案”對話方塊,選擇“複製”。如圖所示

3.選擇“網站->行動裝置 App程式->產生和類比->Android”來等待程式打包並發布到虛擬機器。如圖所示

發布後可能有人會出現“Dreamweaver無法在模擬器中開啟XXX”的錯誤資訊,如圖所示。

2012/2/25更新

這個問題當我模擬器沒開啟由DW來啟動模擬器總是會出現,但是如果自己先開啟模擬器了,再點產生和類比,這時候產生是成功的。但是程式沒安裝到模擬器上,必須手動來安裝,安裝方法如下
安裝Android應用程式
1) 啟動Android模擬器
2) adb install (apk在PC上的路徑/)*.apk
3) Android模擬器介面中瀏覽開啟apk應用程式

4.設定完上述步驟並重建和類比,這時應該就可以了,會出現如圖所示的成功資訊及效果圖。到這裡就全部完成了。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。