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

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值