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

转载 2012年03月24日 08:56:36

搭建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.将文件另存为HelloWrold文件夹中的index.html,点“保存”。这时会弹出“复制相关文件”对话框,选择“复制”。如图所示

3.选择“站点->移动应用程序->生成和模拟->Android”来等待程序打包并发布到虚拟机。如图所示

发布后可能有人会出现“Dreamweaver无法在模拟器中打开XXX”的错误信息,如图所示。

2012/2/25更新

这个问题当我模拟器没打开由DW来启动模拟器总是会出现,但是如果自己先打开模拟器了,再点生成和模拟,这时候生成是成功的。但是程序没安装到模拟器上,必须手动来安装,安装方法如下
安装Android应用程序
1) 启动Android模拟器
2) adb install (apk在PC上的路径/)*.apk
3) Android模拟器界面中浏览打开apk应用程序

4.设置完上述步骤并重新生成和模拟,这时应该就可以了,会出现如图所示的成功信息及效果图。到这里就全部完成了。

还有问题欢迎加群:30663848讨论。

 

转载地址:http://www.pilihou.com/archives/403

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

搭建开发环境 1.Dreamweaver版本选择 确认Dreamweaver CS5.5版本号是11.5,内部版本5344以上,不是的话请升级你的版本。Adobe官网有的下,破解方法网上一大堆,主...
  • 1950
  • 1950
  • 2012年03月09日 09:22
  • 746

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

搭建开发环境 1.Dreamweaver版本选择 确认Dreamweaver CS5.5版本号是11.5,内部版本5344以上,不是的话请升级你的版本。Adobe官网有的下,破解方法网上一大堆,主...

从零开始配置Dreamweaver CS5.5+PhoneGap移动开发环境

官网视频请看:http://tv.adobe.com/watch/cs-55-web-premium-feature-tour-/dreamweaver-cs-55-creating-a-native...
  • nick848
  • nick848
  • 2012年07月12日 13:38
  • 2209

关于DreamWeaver CS6.0 + PhoneGap 之移动开发环境搭建

Html5已经逆袭了移动开发,近期有幸布置PhoneGap的环境搭载,其实本人并不会Hteml以及JS或者JQuery,为了顺应Html5的风暴,还是稍稍的玩转了一下。CS5.5搭建相对CS6.0来说...

关于DreamWeaver CS6.0 + PhoneGap 之移动开发环境搭建

Html5已经逆袭了移动开发,近期有幸布置PhoneGap的环境搭载,其实本人并不会Hteml以及JS或者JQuery,为了顺应Html5的风暴,还是稍稍的玩转了一下。CS5.5搭建相对CS6.0来说...

用Dreamweave cs 5.5+PhoneGap+Jquery Mobile搭建移动开发环境

移动设备应用开发有多难,只要学会HTML5+Javascript就可以。用Dreamweaver5.5+PhoneGap+Jquery Mobile搭建移动开发环境,轻轻松松开发你自己的应用。让你用普...

搭建Dreamweaver集成移动开发环境

搭建开发环境 1、关于Dreamweaver版本 请确认版本是Dreamweaver CS5.5 版本号11.5,内部版本不低于5344,否则请移步至本站QQ群136741401 下载...
  • sccdry
  • sccdry
  • 2012年01月11日 14:34
  • 584

跨平台移动开发phonegap/cordova 4 ios 开发环境搭建

很多人使用的是windows,所以这里使用了虚拟机技术 操作系统建议win7 64位 推荐配置、CPU i7,内存8G,推荐16G,硬盘SSD 240G,显卡没有要求 如图 ...

小强的HTML5移动开发之路(24)—— PhoneGap Android开发环境搭建

有关JDK及Android开发环境的搭建请看我前面的博文:http://blog.csdn.net/dawanganban/article/details/9748497...

跨平台移动开发phonegap/cordova 3.3全系列教程-开发环境搭建

操作系统:windwos xp 1.   安装JDK 打开如下网站下载JDK http://www.oracle.com/technetwork/java/javase/downloads/index...
  • mansai
  • mansai
  • 2014年02月06日 15:40
  • 13118
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:搭建Dreamweaver CS5.5+PhoneGap移动开发环境
举报原因:
原因补充:

(最多只允许输入30个字)