如何配置Sublime Text实现括号、引号自动匹配及高亮显示？

本文共计2931个文字，预计阅读时间需要12分钟。

Sublime Text 在括号和引号上的自动匹配功能，多数情况下是默认开启的。例如，输入一个左括号，它会自动帮你补充右括号。至于高亮配置，Sublime 自带的对比功能相对隐蔽，可能仅体现在一条细线或边框上。但通过安装合适的插件，可以轻松实现更醒目、更个性化的高亮配置。

解决方案

要确保Sublime Text的括号和引号能够自动匹配，并实现醒目的高亮配对，主要分两步：

1. 确认自动匹配功能已开启： Sublime Text通常默认开启

   auto_match_enabled这个设置。如果你的编辑器没有自动补全括号或引号，首先检查用户设置。

   • 打开

     Preferences ->

     Settings。

   • 在右侧的用户设置文件中，确保有

     "auto_match_enabled": true 这一行。如果不存在，添加它。

   • 同时，

     "auto_pairs_skip_next": true 这个设置也很有用，它允许你输入右括号时，如果光标右侧已经存在一个匹配的右括号，Sublime会直接跳过而不是重复插入。

2. 安装并配置

   BracketHighlighter插件实现高亮： Sublime Text自带的括号高亮功能比较基础，很多时候并不够用。

   BracketHighlighter是一个非常流行的插件，能提供更强大、更灵活的高亮功能。

   • 安装Package Control： 如果你还没有安装Package Control，这是Sublime Text插件管理的基础。打开Sublime Text，按下

     Ctrl+Shift+P (Windows/Linux) 或

     Cmd+Shift+P (macOS)，输入

     Install Package Control 并回车。

   • 安装

     BracketHighlighter： 安装完Package Control后，再次按下

     Ctrl+Shift+P，输入

     Package Control: Install Package，然后在弹出的列表中搜索

     BracketHighlighter 并安装。

   • 配置

     BracketHighlighter：

     • 安装完成后，打开

       Preferences ->

       Package Settings ->

       BracketHighlighter ->

       Bracket Settings - User。

     • 这个文件是你自定义

       BracketHighlighter行为的地方。你可以根据自己的喜好调整高亮样式、颜色，甚至高亮哪些类型的括号或标签。

     • 例如，如果你想让匹配的括号显示为粗体下划线，并且颜色更鲜艳，可以添加类似下面的配置（具体颜色值需要根据你的主题调整，或者使用主题中已有的scope名称）：

       { "bracket_styles": { "default": { "icon": "dot", "color": "bracket.curly", // 这是一个示例scope，可能需要根据你的主题调整 "style": "underline" }, "unmatched": { "icon": "question", "color": "bracket.unmatched", "style": "outline" }, "curly": { "icon": "curly", "color": "bracket.curly", "style": "bold" // 示例：让大括号高亮为粗体 }, "round": { "icon": "round", "color": "bracket.round", "style": "outline" // 示例：让小括号高亮为边框 } }, "highlighter_enabled": true }

       color字段通常需要对应你的颜色主题中定义的

       scope，比如

       "string"、

       "comment"等，或者

       BracketHighlighter自己提供的一些

       scope，如

       "bracket.curly"。你可以通过

       Tools ->

       Developer ->

       Show Scope Name来查看光标所在位置的

       scope名称，以便更好地自定义颜色。

为什么Sublime Text没有自动补全括号或引号？

遇到Sublime Text不自动补全括号或引号，这确实挺让人头疼的，毕竟这是现代编辑器最基础的功能之一。在我看来，这通常不是Sublime Text本身的问题，而是配置上的小插曲。

首先，Sublime Text的自动匹配功能是通过一个叫做

auto_match_enabled的设置来控制的，默认情况下它是

true。所以，如果你发现它不工作，第一步就应该去检查你的用户设置文件。路径是

Preferences ->

Settings。在打开的右侧用户设置文件中，你需要确保有

"auto_match_enabled": true 这一行。有时候，用户可能在不经意间把它改成了

false，或者在某个语言特定的设置中覆盖了全局设置。

其次，要考虑是否是语法特定的设置。Sublime Text允许你为不同的文件类型（比如Python、JavaScript、Markdown）设置不同的偏好。如果你在某个语言的设置文件中（

Preferences ->

Settings - Syntax Specific）把

auto_match_enabled设为

false，那么只有在该语言模式下才会失效。这时候，你需要针对性地去检查那个语言的设置。

还有一种比较少见但确实可能发生的情况是插件冲突。虽然

BracketHighlighter主要负责高亮，但市面上还有一些其他插件也可能涉及到括号处理。如果安装了多个类似功能的插件，它们之间可能会产生意想不到的冲突，导致默认的自动匹配功能失效。如果上述方法都无效，可以尝试暂时禁用最近安装的插件，看看问题是否解决。

最后，检查一下你的用户设置文件本身是否存在JSON格式错误。如果文件中有语法错误，Sublime Text可能无法正确解析你的设置，导致某些功能不生效。通常Sublime Text会在控制台（

View ->

Show Console）中报告这些错误。

如何让Sublime Text的括号高亮更明显、更符合我的习惯？

Sublime Text默认的括号高亮说实话确实有点“佛系”，通常只是一条细细的下划线或者一个淡淡的边框，在代码量大、颜色复杂的主题下，很容易被忽略。我个人觉得，一个醒目的括号高亮对于快速定位代码块、检查结构完整性至关重要。

要让高亮更符合习惯，

BracketHighlighter这个插件绝对是首选。它的强大之处在于高度可定制性。

1. 选择高亮样式：

   BracketHighlighter提供了多种高亮样式，比如

   outline（边框）、

   underline（下划线）、

   bold（粗体）、

   solid（实心背景）等。你可以在用户设置中，通过修改

   "bracket_styles"部分来定义不同类型括号的样式。比如，我喜欢让大括号用粗体，小括号用边框，这样一眼就能区分开。

   "bracket_styles": { "curly": { "icon": "curly", "color": "bracket.curly", "style": "bold" }, "round": { "icon": "round", "color": "bracket.round", "style": "outline" } }

2. 自定义颜色： 这是最能体现个性化的地方。

   BracketHighlighter允许你为不同类型的括号指定颜色。它通常通过

   color_scheme_colors来引用你当前主题中定义的颜色

   scope，或者直接定义RGB颜色值。

   • 使用主题

     scope： 最优雅的方式是利用你当前主题中已有的

     scope颜色。例如，你的主题可能为字符串定义了

     "string"这个

     scope，你就可以将括号高亮设置为字符串的颜色。要找到这些

     scope名称，可以使用

     Tools ->

     Developer ->

     Show Scope Name，然后把光标放在你喜欢的颜色上。

     "color_scheme_colors": { "bracket.curly": "string", // 让大括号颜色和字符串一样 "bracket.round": "comment" // 让小括号颜色和注释一样 }

     这样，无论你切换什么主题，括号高亮的颜色都会自动适应主题的风格。

   • 直接定义颜色： 如果你想要一个主题中没有的特定颜色，也可以直接使用HEX颜色码。

     "bracket_styles": { "curly": { "icon": "curly", "color": "#FFD700", // 金色 "style": "bold" } }

通过这些设置，你可以让你的Sublime Text不仅能准确匹配括号，还能以你最喜欢、最醒目的方式展示它们，大大提升代码的可读性和编写效率。

除了括号和引号，Sublime Text还能高亮哪些结构？

Sublime Text在结构高亮方面的能力远不止于简单的括号和引号，它其实是一个非常灵活的平台。除了我们前面提到的

BracketHighlighter，还有其他一些内置或插件提供的功能，能帮助你高亮各种代码结构。

1. BracketHighlighter的扩展能力：

   BracketHighlighter本身就不仅仅是针对

   ()、

   []、

   {}和

   ""。它还能高亮：

   • HTML/XML标签：

     <div 和

     </div> 这样的配对标签。这对于前端开发者来说非常实用，能快速定位标签的开始和结束。

   • 自定义配对： 理论上，你可以配置它去高亮任何你定义的配对字符，虽然这在日常开发中不常用，但体现了其灵活性。
   • 未匹配的结构： 这一点非常关键。如果一个括号或标签没有对应的闭合，

     BracketHighlighter会用不同的样式（通常是红色边框或背景）来突出显示，这能帮助你迅速发现语法错误。

2. Sublime Text内置的

   Highlight selected word： 当你选中一个单词（比如一个变量名或函数名）时，Sublime Text会默认高亮文件中所有相同的单词。这虽然不是结构高亮，但在阅读和修改代码时，能让你快速看到这个标识符在哪些地方被使用，间接帮助理解代码结构。这个功能可以通过

   "highlight_word_on_not_found_only": true来微调行为。

3. 其他插件的辅助：

   • SublimeLinter： 这是一系列静态代码分析工具的集合。它不会直接高亮括号，但会高亮代码中的语法错误、潜在问题和风格警告。例如，如果你忘记关闭一个括号，

     SublimeLinter通常会高亮出语法错误的位置，这间接指出了结构问题。

   • Tag插件： 专门用于HTML/XML标签的插件，除了高亮匹配标签，还提供自动关闭标签、跳转到匹配标签等功能。

   • Color Highlighter： 这个插件能直接高亮CSS、LESS、SASS等文件中的颜色值，比如

     #FFFFFF会直接显示为白色背景，这虽然与代码结构无关，但也是一种非常有用的“高亮”。

总的来说，Sublime Text通过其强大的插件生态系统，能够实现非常细致和个性化的结构高亮。从基本的括号匹配到复杂的HTML标签，甚至是通过Linter发现的语法结构问题，都能通过不同的方式直观地呈现出来，极大地提升了开发效率和代码质量。