Dreamweaver CC教程:设置代码折叠大小首选参数
Dreamweaver CC教程:设置代码折叠大小首选参数
了解如何在 Dreamweaver 中折叠和展开代码以查看文档的各个部分而无需滚动。
您可以折叠和展开代码片段,以便无需滚动即可查看文档的不同部分。
例如,若要查看 head 标签中所有应用于页面下方较远处的一个 div 标签的 CSS 规则,请折叠 head 标签和 div 标签之间的所有代码,以便同时看到这两部分代码。
您可以选择要折叠的代码部分进行折叠。还可以在 HTML、PHP、XML 以及 SVG 文件中基于标签块折叠代码。在 CSS、Less、Sass、SCSS 和 JS 文件中,您可以基于大括号折叠代码。
如果所选内容发生更改,代码会自动再次折叠。
CSS、Less、Sass、SCSS 和 JS 文件:大括号内的代码将会折叠,预览将显示为 {...}。 PHP 文件:除 PHP 代码块外,HTML 元素、CSS 和 JS 代码块也会折叠。注意:
依据 Dreamweaver 模板创建的文件将以完全展开的形式显示所有代码,即使模板文件 (.dwt) 包含折叠的代码片段也是如此。
设置代码折叠大小首选参数
默认代码折叠大小是两行。在此默认设置中,当您折叠代码时,所有至少包含两行代码的代码片段都将被折叠。少于两行的代码片段将以展开模式显示。
要更改代码折叠的最小行数:
1、单击“编辑”>“首选参数”(Windows 上)或“Dreamweaver”>“首选参数”(Mac 上)。
2、单击“类别”列表中的“代码格式”并指定最小代码折叠大小。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
笔记本电脑设置不当引发液晶屏水波纹现象
笔记本电脑设置不当引发液晶屏水波纹现象,液晶屏,现象,运行,...
-
Dreamweaver CC教程:设置代码改写首选参数
Dreamweaver CC教程:设置代码改写首选参数,设置,参数,标签,选...
-
Dreamweaver CC教程:在Dreamweaver中处理代码
Dreamweaver CC教程:在Dreamweaver中处理代码,工作区,拆分,文...
-
Dreamweaver CC教程:服务器行为代码
Dreamweaver CC教程:服务器行为代码,服务器,教程,检测,显示,代...
-
Dreamweaver CC教程:XHTML 代码
Dreamweaver CC教程:XHTML 代码,清理,文档,元素,教程,属性,标...
-
Dreamweaver CC教程:设置代码提示首选参数
Dreamweaver CC教程:设置代码提示首选参数,设置,代码提示,参数...
-
Dreamweaver CC教程:创建 Getter/Setter
Dreamweaver CC教程:创建 Getter/Setter,光标,重构,表达式,教...
-
Dreamweaver CC教程:重构代码
Dreamweaver CC教程:重构代码,教程,函数,选项,重构,代码重构,...
-
Dreamweaver CC教程:编辑 main.less 文件中的选
Dreamweaver CC教程:编辑 main.less 文件中的选择器,文件,教程...
-
Dreamweaver CC教程:使用“插入”面板
Dreamweaver CC教程:使用“插入”面板插入代码,教程...
-
Dreamweaver CC教程:使用“环绕标签”
Dreamweaver CC教程:使用“环绕标签”,标签,教程,文...