搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境


搭建开发环境
1.Dreamweaver版本选择
确认Dreamweaver CS5.5版本号是11.5。Adobe官网有的下,破解方法网上一大堆,主要是

通过序列号+改hosts方法。
2.安装Android SDK
到官网下载Android SDK安装程序并安装好,安装后如图所示
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
然后在DW中选择“站点->移动应用程序->配置应用程序框架”,弹出对话框,在Android SDK路径中,

点右侧的文件夹图标浏览到之前安装的Android SDK位置,然后点保存。如图所示

(注:这里千万别点简易安装,如果点了话,它会把你原有Android SDK给删除了)
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
3.应用程序设置
首先点击“站点->新建站点”,输入你自己站点名称,以及本地站点文件夹路径,然后保存。如图所示
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
然后点击“站点->移动应用程序->应用程序设置”,打开本机应用程序设置对话框。

设置应用程序相关信息后保存,如图所示
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
填写完成后,点击“管理AVD”,在弹出的Android Virtual Device Manager对话框中,

选中列表中的DW_AVD,点击右侧的“Start->Launch”,开始启动Android虚拟机。
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
第一次打开速度比较慢,直到出现下图所示:(注:我的不知道什么原因

点击“管理AVD”弹出的是Android SDK Manager对话框,上面步骤其实我是手动

在Android SDK安装目录中打开的)
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
开发第一个移动应用
1.完成上述步骤之后,在Dreamweaver中点击“文件->新建”,在弹出的新建文档对话框中

选择“示例中的页->Mobile起始页->jQuery Mobile(PhoneGap)”,然后点创建。如图所示
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
2.将文件另存为HelloWrold文件夹中的index.html,点“保存”。这时会弹出“复制相关文件”对话框,

选择“复制”。如图所示
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
3.选择“站点->移动应用程序->生成和模拟->Android”来等待程序打包并发布到虚拟机。如图所示
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
发布后可能有人会出现“Dreamweaver无法在模拟器中打开XXX”的错误信息,如图所示。
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
具体原因我也不知道,但是我在Adobe论坛里找到了解决方案(http://forums.adobe.com/message/3997793)。
解决办法:
在Android SDK安装文件夹,打开tools/ant文件夹中的build.xml,找到之前加入下面两行:

?View Code XML
<propertyname="out.packaged.file"location="${out.absolute.dir}/
${ant.project.name}-debug-unaligned.apk"/><propertyname="out.final.file"
location="${out.absolute.dir}/${ant.project.name}-debug.apk"/>

并保存。结果如图所示。
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
这里要注意:当你更新Android SDK时,这个文件会被覆盖,你要重新进行设置。
4.设置完上述步骤并重新生成和模拟,这时应该就可以了,会出现如图所示的成功信息及效果图。

到这里就全部完成了。
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客
搭建Dreamweaver CS5.5+PhoneGap Android移动开发环境 - 网站笔记 - 网站笔记的博客


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值