webapp系列开发之二:Dreamweaver CS6配置Phonegap运行环境介绍

安装好CS6后，点击菜单栏上的“站点”：



然后选择 Phonegap Build服务：



点击Phonegap Build 配置后，会弹出下图：

选择sdk根目录，我这里的目录是(C:\Program Files\adt-bundle-windows-x86-20130522\sdk)点击保存，这里点击保存的话是不会有反应的，所以自己确认点击保存按钮后关闭该页面,回到dreamweaver界面，点击新建站点



选择新建站点：



填写好你的站点名称及站点保存目录，点击保存按钮，接下来是新建文档：



文件-->新建



选择JQuery Mobile(本地)然后点击创建，DW会自动生成一个HTML文件，按ctrl+s把这个页面会自动的保存到你的站点目录下面，把文件名改成index.html，因为模拟器只认index.html



然后会自动的弹出一个窗口，复制相关文件，选择复制



然后这个站点就建立完毕了，看右下角，站点新建成功：



我的站点名是mob，目录是F:mob

接下来是配置phonegap运行环境了：



PhoneGap Build服务->PhoneGap Build 服务：



如果没有注册，点击登录下面的提示的蓝字，进入到dreamweaver的注册页面，注册好adobeID后，回到该界面，输入用户名密码，点击登录

登录有点慢，稍微等一下就好了

登录成功后这个时候会跳到一个界面：



选择继续

点击继续后，会弹出



注意，不要以为一开始就是绿色的，点击继续后本身是想IOS那样是灰色的，然后点击重新生成应用程序后，灰色的也没关系，只要sdk路径正确并且正

确安装，然后点击一下安卓的那个向右的箭头，我安装的是安卓的SDK,所以点击安卓

点击之后就弹出这个窗口



在这里的时候你就要选择你之前下载的安卓版本了，我的是4.2的，选择完后就点击创建AVD，看到下面的内容框中加载完后，点击启动





稍等一下，就会弹出模拟器



到这里的时候比较慢，要稍等大概5分钟左右，不要心急，心动就在后面



OK，加载完毕

如果你想在这个手机看到你做的页面的效果，就要点击这个图标



因为这种方法比较慢，你也可以选择上传网站的压缩包到dreamweaver官网进行在线编译，生成的apk在安装到手机或者模拟器上运行

在线编译地址
https://build.phonegap.com/apps
点击选择文件选择代码的压缩包进行上传，上传完成后点击upload，然后网站会给你自动编译

点击apk按钮进行程序下载，下载完成后再模拟器或者手机上进行安装。

未完待续。。。