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

Html5已经逆袭了移动开发,最近有幸布置PhoneGap的环境搭载。事实上本人并不会Html以及JS或者JQuery,为了顺应Html5的风暴,还是稍稍的玩转了一下。

CS5.5搭建相对CS6.0来说比較人性化。后者基于新的模式,刚開始上手的确有点困顿,只是呢,今天我们就来了解下怎样在CS6.0上顺利的玩转PhoneGap。

关于Android的SDK的开发环境就不在这里介绍了。各位百度搭建吧。

配置好了SDK之后还是建议在Eclipse中创建AVD模拟器,并首次执行下。

DreamWeaver毕竟不是专业做这个的,先期肯定会有一点不如意的东西。

可是对于强大的Html5的效果来说,这点小Bug都不是问题。

       准工作要做好,只是这里基本上不用什么:

       1> DreamWeaver CS6.0

       

        ①新建一个网站

②讲设计器模式换成移动应用程序模式

    ------->

在CS6.0的左边会出现一个栏目框:

上面的Android哪里选择你的Android SDK的文件夹,直接点击保存就能够了。最让人无法接受的是你点击保存时没有不论什么提示的,事实上这个时候已经保存成功了,第一次楼主表示中枪倒地。

         ③ 创建网站里的project,事实上也不是叫做project了。只是是我的一个习惯罢了。

              文件-->新建-->如图所看到的:

点击创建,会到保存的界面,把中间栏目里的文件名称改成index.html。这个看个人喜好吧。

        ④ 以下选择  网站-->PhoneGap Build服务-->PhoneGap Build 服务。左边的栏目回进入例如以下框体中:

这里输入,你注冊DreamWeaver CS6.0的时候所用的账户名跟password。登陆成功的直接跳过第五步,出现例如以下界面的则说明你没有PhoneGap Build凭据,须要去注冊:

                                                              

        ⑤ 以下就是来注冊PhoneGap Build凭据的步骤。在上述登陆框体中的,右上角有一个Menu小图标,点击它,然后选择里面的帮助,程序会打开一个网址。在这个网址中:    

                                       

选择里面的:创建PhoneGap Build服务账户

            

点击里面的蓝色字体。进入还有一个网页会出现下列注冊图样:

                                              

点击第一个with Adobe ID。直接登录你注冊DreamWeaver CS6.0的这个账户名跟password就OK了。登录完之后PhoneGap Build凭证就注冊成功,返回继续搭建好开发环境。

        ⑥ 登录进去之后会是这个界面样式:

别激动,距离成功的步伐已经非常近了。这里出现这个界面表示载入并没有完成,只是你也不要等了,CS6.0不会帮你载入,这个时候呢。就须要手工来操作了,直接点击底部的:又一次生成应用程序也就是刷新的那个button,只是让人想不通的是,它会从底部网上载入。我一直都特郁闷这是为什么!

这个能够是第十万还有一个为什么吗?。只是总算在最后曲曲折折的一路走了过来。

让我们来看看载入完的样式是什么样的:

        ⑦ 1、第一个指向右方的箭头,是在程序里启动AVD模拟器。

             2、扫描二维码,干什么用呢?你猜。

             3、第三个指向下方的箭头。是外部载入保存的APK文件。

             点击第一个箭头button即可了。其它的后期调试再用。

载入完之后会是显演示样例如以下界面:

由于在Eclipse里面已经创建了AVD模拟器,所以在这里它会自己主动寻找到,只是也能够在以下的AVD管理器里面新建。这里就不在介绍了。以下我们启动模拟器,楼主没有測试模拟器启动的时候。CS6是不是会直接安装APK执行,这个各位能够去尝试下。 毕竟非常多调试须要在真机上面做的。

         ⑧ 假设启动完之后没有在AVD模拟器里面生成下图中的软件的话。这个时候上图中的启动button时不可点击的,就须要关闭掉模拟器。在又一次启动。普通情况下第二次启动AVD模拟器就会有以下这个软件:

                     执行图:

        ⑨ 执行成功之后,会在网站里面生成一个 ProjectSettings 文件,在DreamWeaver中打开它例如以下:

这里就能够改动程序的版本号。图标,包名之类的信息,只是看起来真是不爽。也能够在网站的根文件夹下去用其它工具去改动。

       搭建过程顺利完工了,预祝各位开发顺利!

时间: 2024-10-13 16:59:34

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

angular2.0学习笔记1.开发环境搭建

开发环境, 1.安装Node.js®和npm, node 6.9.x 和 npm 3.x.x 以上的版本. 更老的版本可能会出现错误,更新的版本则没问题. 控制台窗口中运行命令 node -v 和 npm -v,来查看版本 2. 运行 npm config set registry https://registry.npm.taobao.org 因为国内访问http://npmjs.org(angular2.0组件库) 的站点访问经常不是很顺畅,所以换成淘宝的镜像, 3. 然后全局安装 Angu

python3.0语言简介及开发环境搭建

 Python(英国发音:/?pa?θ?n/ 美国发音:/?pa?θɑ?n/), 是一种面向对象的解释型计算机程序设计语言,由荷兰人Guido van Rossum于1989年发明,第一个公开发行版发行于1991年. Python是纯粹的自由软件, 源代码和解释器CPython遵循 GPL(GNU General Public License)协议 .Python语法简洁清晰,特色之一是强制用空白符(white space)作为语句缩进. Python具有丰富和强大的库.它常被昵称为胶水语言,能

Hyperledger Fabric V1.0 for Centos7.2 开发环境搭建

区块链技术大有可为, 安装组件如下: 1.Docker-compose:Docker 容器管理: 2.Go lang SDK:Go 语言开发.编译环境: 3.Git:git 镜像克隆与提交: 4.Rest Client: rest API 测试: 容器主要运行有:MemberSrv 和Peer; 一.HyperLedger Fabric环境准备 a)检查版本 $ uname –r 3.10.0-229.el7.x86_64 b)更新Centos yum update c)安装需要软件 yum i

OpenCV 4.1.0 + Visual Studio 2019 开发环境搭建 超级简单

先说一下其实根本无需修改环境变量等系统设置,只需要对 project 进行一些设置就好. 编译需要的是 .h 文件和 .lib 文件,运行需要的是 .dll 文件,调试需要的是代码源文件和 .pdb 文件. 1. 准备 Open CV 的文件 : https://opencv.org/releases/ 解压到哪里无所谓,我们后面会把需要的文件复制到 Solution 的目录里面. 2. 在 vs 中新建一个空的工程,添加一个 source.cpp,随便加几行代码能跑起来.注意把 Solutio

OpenTSDB v2.4.0 Intellij IDEA开发环境搭建

源码准备 1.下载源代码 [email protected]:/codes/github$ git clone https://github.com/OpenTSDB/opentsdb.git Cloning into 'opentsdb'... remote: Enumerating objects: 306, done. remote: Counting objects: 100% (306/306), done. remote: Compressing objects: 100% (122

Apache Spark1.1.0部署与开发环境搭建

Spark是Apache公司推出的一种基于Hadoop Distributed File System(HDFS)的并行计算架构.与MapReduce不同,Spark并不局限于编写map和reduce两个方法,其提供了更为强大的内存计算(in-memory computing)模型,使得用户可以通过编程将数据读取到集群的内存当中,并且可以方便用户快速地重复查询,非常适合用于实现机器学习算法.本文将介绍Apache Spark1.1.0的部署与开发环境搭建. 0. 准备 出于学习目的,本文将Spa

老邓的andorid学习笔记-Android 4.0 开发环境搭建

目前android版本早已经四4.xx了,5.0的版本也快出来了.  关于基本环境搭建有好多的文章都介绍过. 我在这里简单的整理了一下,就不用自己专门写此类的文章了. Android SDK 4.0.3 开发环境配置及运行     http://bk-lin.iteye.com/blog/1477808 android 4.0 for windows 7 开发环境搭建   http://cash.iteye.com/blog/1463253 Windows搭建Eclipse+JDK+SDK的An

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

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(24)-- PhoneGap Android开发环境搭建 有关JDK及Android开发环境的搭建请看我前面的博文:http://blog.csdn.net/dawanganban/article/details/9748497 一.下载PhoneGap 下载地址:http://phonegap.com/install/  我下载的是最新的PhoneGap 2.9.1 将下载好的PhoneGap解压缩,可以

[PhoneGap]开发环境搭建与简单应用

目前,随着Google的Android手机和苹果的iphone手机的逐渐普及,越来越多开发者加入到移动应用开发的大军当中.其中,Android应用是基于Java语言基础上进行开发的,而苹果公司的iphone则是基于C语言开发的.如果开发者编写的应用需要同时在不同的移动设备上运行的话,则必须要掌握多种开发语言.而为了进一步简化移动应用的编程,Nitobi公司推出了一套开源的移动应用解决方案PhoneGap(http://www.phonegap.com). PhoneGap是一款开源的手机应用开发