荟萃馆

位置:首页 > 设计 > 网页设计

怎么用Dreamweaver代码提示功能

我们为大家收集整理了关于Dreamweaver代码提示功能,以方便大家参考。有时候一些熟悉的代码不想打,打个前面字母就能直接显示,这个在我们的Dreamweaver里面就可以实现,也就是我们常说的代码提示,那么我们如何设置呢!

怎么用Dreamweaver代码提示功能

1、首先我们先打开我们的dreamwawer编辑器,我们这里用的是dreamwawer8.0版本,不过大致设置都是一样的,对于版本不要太在意!

2、我们在最上面一行菜单栏中找到我们的“编辑”这个选项,点击我们的“首选参数”,具体位置见图!或许更简单的办法,我们直接“ctrl+u”即可!

3、弹出以下对话框,说明我们打开正确,在弹出的对话框中,左侧是我们的菜单栏,在其中找到“代码提示”这个选项卡,设置设置好,点击保存,这里我们要注意,必须设置好,改选的选上,不要丢失!

4、接下来我们新建一个“html”文件,我们要看一下效果!

5、在我们写入代码的时候,输入<这个符号,后面会自动出来代码提示,这时候我们按键盘上的“↓”键即可选择,选中自己想要的代码之后按“enter”键便可直接到文本区!方便快捷!

使用 Dreamweaver 这样的可视化的 IDE 工具进行编程的'最大的一个好处是它的代码提示功能,只要输入几个字符,IDE 工具就会智能的给出一系列可选的函数或者变量让你输入。

代码提示功能的好处是非常明显的,比如你对某个函数记不清楚,就可以通过代码提示功能快速输入,而不用去搜索和查资料,即使非常清楚,也可以通过代码提示功能快速输入而无需输入每个字符,这样的对编程效率提高是非常明显的。

  Dreamweaver CS5 支持 WordPress 代码提示

我们知道 Dreamweaver 代码提示功能支持 HTML,PHP,JavaScript 这些动态语言,而最新发布的 Dreamweaver CS5 则更进一步,支持 WordPress,Drupal,Joomla 这些开源程序的私有函数的代码提示。

这样使用 Dreamweaver CS5 来开发 WordPress 插件和主题,只要输入 WordPress 内置函数的前几个字符,就会显示整个函数,再也不用辛苦记住函数名称了。

  如何在 Dreamweaver CS5 中启用 WordPress 代码提示功能

下面就讲解下如何在 Dreamweaver CS5 中启用 WordPress 代码提示功能:

将本地的测试站点添加到 Dreamweaver CS5

首先要在本地安装好 WordPress 测试网站,如果是 Windows 系统,可以查看这篇教程:如何在 Windows 系统上安装 WordPress 本地测试,并保证网站已经能在本地正常浏览。

点击 Dreamweaver CS5 菜单中的”Site–>New Site”,如下图建立新站点:

在同一对话框中切换到”Servers”界面,点击”+”号添加测试服务器。

上面我们说到 Dreamweaver CS5 中启用 WordPress 代码提示功能需要一个测试服务器,我们已经预先在电脑上安装例如 XAMPP 之类的服务器,并把一些信息输入上图。

在同一对话框中切换到”Advanced”界面,”Server Model”选择”PHP MySQL”,保存。