Dreamweaver CC教程:设置代码折叠大小首选参数

Dreamweaver CC教程:设置代码折叠大小首选参数

Dreamweaver CC教程:设置代码折叠大小首选参数

了解如何在 Dreamweaver 中折叠和展开代码以查看文档的各个部分而无需滚动。
您可以折叠和展开代码片段,以便无需滚动即可查看文档的不同部分。
例如,若要查看 head 标签中所有应用于页面下方较远处的一个 div 标签的 CSS 规则,请折叠 head 标签和 div 标签之间的所有代码,以便同时看到这两部分代码。
您可以选择要折叠的代码部分进行折叠。还可以在 HTML、PHP、XML 以及 SVG 文件中基于标签块折叠代码。在 CSS、Less、Sass、SCSS 和 JS 文件中,您可以基于大括号折叠代码。

HTML 文件:Dreamweaver 折叠开始和结束 HTML 标签之间的代码,并且在折叠的代码中显示初始属性(如果适用)。当块内的代码通过“标签选择器”、“查找和替换”、“转到行”、“元素快速视图”、“实时视图”或“还原/重做”收到焦点时,Dreamweaver 自动展开它。

如果所选内容发生更改,代码会自动再次折叠。

CSS、Less、Sass、SCSS 和 JS 文件:大括号内的代码将会折叠,预览将显示为 {...}。 PHP 文件:除 PHP 代码块外,HTML 元素、CSS 和 JS 代码块也会折叠。

注意:
依据 Dreamweaver 模板创建的文件将以完全展开的形式显示所有代码,即使模板文件 (.dwt) 包含折叠的代码片段也是如此。
设置代码折叠大小首选参数
默认代码折叠大小是两行。在此默认设置中,当您折叠代码时,所有至少包含两行代码的代码片段都将被折叠。少于两行的代码片段将以展开模式显示。
要更改代码折叠的最小行数:
1、单击“编辑”>“首选参数”(Windows 上)或“Dreamweaver”>“首选参数”(Mac 上)。
2、单击“类别”列表中的“代码格式”并指定最小代码折叠大小。

 

推荐阅读