Dreamweaver CS5.5配置PhoneGap移动开发环境

搭建开发环境
1. Dreamweaver版本选择
确认Dreamweaver CS5.5版本号是11.5,内部版本5344以上,Adobe官网有版本下载,**方法网上也有资源,主要是通过***+改hosts方法来实现。
2.安装Android SDK
官网下载Android SDK安装程序并安装好,安装后如下图显示Dreamweaver CS5.5配置PhoneGap移动开发环境
在DW中选择“站点-移动应用程序-配置应用程序框架”,将弹出对话框,在Android SDK路径中,点击右侧的文件夹图标浏览到之前安装的Android SDK位置,然后保存,如下图:(注:千万不要点简易安装,如果点了就会把原有的Android SDK删除了)
Dreamweaver CS5.5配置PhoneGap移动开发环境
3.应用程序设置
首先点击“站点-新建站点”,输入自己站点名称,以及本地站点文件路径,然后保存。
Dreamweaver CS5.5配置PhoneGap移动开发环境
然后点击“站点-移动应用程序-应用程序设置”,打开本机应用程序设置对话框。设置应用程序相关信息后保存。
Dreamweaver CS5.5配置PhoneGap移动开发环境
填完后,点击“管理AVD”,在弹出的Android Virtual Device Manager 对话框中,选中列表中的DW_AVD,点击右侧的“Start-Launch”,开始启动Android虚拟机。
Dreamweaver CS5.5配置PhoneGap移动开发环境
初次启动可能会有点慢,等待出现下图(注:但是不知原因点击“管理AVD”却弹出Android SDK Manager对话框,上面步骤手动在Android SDK安装目录中打开的)
Dreamweaver CS5.5配置PhoneGap移动开发环境
开发第一个移动应用

1.完成以上步骤之后,在Dreamweaver 中点击“文件-新建”,在弹出的新建文档对话框中选择“示例中的页-Mobile起始页-jQuery Mobile(PhoneGap)”,然后点创建,如下图所示。
Dreamweaver CS5.5配置PhoneGap移动开发环境
2.将文件另存为HelloWorld文件夹中的index.html,点“保存”。这是会弹出“复制相关文件”对话框,选择“复制”,如下图所示。
Dreamweaver CS5.5配置PhoneGap移动开发环境
3.选择“站点-移动应用程度-生成和模拟-Android”来等待程序打包并发布到虚拟机。如下图。
Dreamweaver CS5.5配置PhoneGap移动开发环境
发布后可能有人会出现“Dreamweaver无法在模拟器中打开XXX”的错误信息,如下图。
Dreamweaver CS5.5配置PhoneGap移动开发环境
其实这个问题是当我模拟器没有打开由DW来启动模拟器总是会出现,但是如果先打开模拟器,在点生成和模拟的话,就生成成功了。程序没安装到模拟器上,必须手动来安装,安装方法如下:

安装Android应用程序步骤
1、启动Android模拟器
2、adb install(apk在PC上的路径/)*.apk
3、Android模拟器界面中浏览打开apk应用程序
4、设置完上述步骤之后重新生成和模拟,这时候就可以了。
Dreamweaver CS5.5配置PhoneGap移动开发环境
Dreamweaver CS5.5配置PhoneGap移动开发环境
可能版本有些低,但是远离和操作上基本都是一样的。老版本可能更便于新手上手操作练习,毕竟低版本的功能上没有那么繁琐,操作比较简单和便捷。建议新手可以用来尝试自己去创建移动开发环境。