Sublime Text 默认不启用HTML标签对高亮,需在用户设置中添加"highlight_matching_tag": true;生效前提为文件语法设为HTML、标签合法闭合、主题支持该高亮样式。

Sublime Text 默认不自动高亮 HTML 标签对,需手动启用
Sublime Text 原生支持 HTML 标签对匹配高亮(即光标停在 时,另一侧标签会反色显示),但该功能默认关闭。它不依赖插件,而是由内置的
highlight_matching_tag 设置控制。
常见误判是以为要装 BracketHighlighter 或 Tag 插件——其实这些插件解决的是更复杂的嵌套/自闭合标签或语法扩展问题,基础配对高亮完全不需要。
- 打开
Preferences → Settings - 在右侧用户设置中添加:
{ "highlight_matching_tag": true } - 保存后,将光标置于任意开始标签(如
)或结束标签(如)内,对应标签会以背景色高亮(颜色取决于当前主题)
为什么有时高亮不生效?检查这三点
即使设置了 highlight_matching_tag,仍可能无反应。最常被忽略的是语言模式和标签合法性。
-
文件未识别为 HTML:右下角状态栏应显示
HTML。若显示Plain Text或XML,点击切换为HTML(或按Ctrl+Shift+P→ 输入Set Syntax: HTML) -
标签不闭合或嵌套错乱:Sublime 的匹配逻辑依赖解析器能准确推断结构。例如
这类非法嵌套会导致整段失效立即学习“前端免费学习笔记(深入)”;
-
主题不支持该高亮样式:部分自定义主题未定义
matching_tag作用域。可临时换回默认主题(Preferences → Color Scheme → Monokai)验证是否为配色问题
想增强结构可视化?用 indent guides + bracket_highlighter 补位
highlight_matching_tag 只标记成对标签,不展示层级缩进或自闭合标签(如 )的上下文。若需要更直观的 DOM 树感,建议组合使用:
- 保持
"highlight_matching_tag": true - 开启缩进线:
{ "draw_indent_guides": true, "indent_guide_options": ["draw_normal", "draw_active"] } - 安装
BracketHighlighter插件(通过 Package Control),它能高亮、内部的 JS/CSS 括号,并支持自定义规则匹配等 Vue/HTML 混合标签
注意:高亮范围有明确边界
Sublime 的标签匹配不是全文档扫描,而是基于当前作用域的“最近合法闭合”。这意味着:
- 它不会跨
或区块匹配(比如在里写不会触发高亮)- 对 JSX 或 Vue SFC 中的
标签,默认 HTML 模式无法识别,需切换语法为Vue Component或安装对应插件- 空格和换行不影响匹配,但注释中的标签会被忽略(
不参与匹配)真正影响体验的,往往是语言模式选错或嵌套错误——这两点比调参数更容易卡住人。
- 对 JSX 或 Vue SFC 中的











