sublime怎么设置括号自动匹配和高亮_Sublime括号、引号自动匹配与高亮配对设置

Sublime Text默认开启括号引号自动匹配，通过启用auto_match_enabled并安装BracketHighlighter插件可实现醒目高亮；该插件支持自定义样式、颜色及扩展至HTML标签等结构，结合其他插件还能提升代码可读性与错误检测。

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

解决方案

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

1. 确认自动匹配功能已开启： Sublime Text通常默认开启<div class="code" style="position:relative; padding:0px; margin:0px;">

   auto_match_enabled

   </div>这个设置。如果你的编辑器没有自动补全括号或引号，首先检查用户设置。
   • 打开 <div class="code" style="position:relative; padding:0px; margin:0px;">

     Preferences

     </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

     Settings

     </div>。
   • 在右侧的用户设置文件中，确保有 <div class="code" style="position:relative; padding:0px; margin:0px;">

     "auto_match_enabled": true

     </div> 这一行。如果不存在，添加它。
   • 同时，<div class="code" style="position:relative; padding:0px; margin:0px;">

     "auto_pairs_skip_next": true

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

2. 安装并配置<div class="code" style="position:relative; padding:0px; margin:0px;">

   BracketHighlighter

   </div>插件实现高亮： Sublime Text自带的括号高亮功能比较基础，很多时候并不够用。<div class="code" style="position:relative; padding:0px; margin:0px;">

   BracketHighlighter

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

   • 安装Package Control： 如果你还没有安装Package Control，这是Sublime Text插件管理的基础。打开Sublime Text，按下 <div class="code" style="position:relative; padding:0px; margin:0px;">

     Ctrl+Shift+P

     </div> (Windows/Linux) 或 <div class="code" style="position:relative; padding:0px; margin:0px;">

     Cmd+Shift+P

     </div> (macOS)，输入 <div class="code" style="position:relative; padding:0px; margin:0px;">

     Install Package Control

     </div> 并回车。

   • 安装<div class="code" style="position:relative; padding:0px; margin:0px;">

     BracketHighlighter

     </div>： 安装完Package Control后，再次按下 <div class="code" style="position:relative; padding:0px; margin:0px;">

     Ctrl+Shift+P

     </div>，输入 <div class="code" style="position:relative; padding:0px; margin:0px;">

     Package Control: Install Package

     </div>，然后在弹出的列表中搜索 <div class="code" style="position:relative; padding:0px; margin:0px;">

     BracketHighlighter

     </div> 并安装。

   • 配置<div class="code" style="position:relative; padding:0px; margin:0px;">

     BracketHighlighter

     </div>：

     • 安装完成后，打开 <div class="code" style="position:relative; padding:0px; margin:0px;">

       Preferences

       </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

       Package Settings

       </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

       BracketHighlighter

       </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

       Bracket Settings - User

       </div>。

     • 这个文件是你自定义<div class="code" style="position:relative; padding:0px; margin:0px;">

       BracketHighlighter

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

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

       <div class="code" style="position:relative; padding:0px; margin:0px;">

       {
           "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
       }

       </div>

       <div class="code" style="position:relative; padding:0px; margin:0px;">

       color

       </div>字段通常需要对应你的颜色主题中定义的<div class="code" style="position:relative; padding:0px; margin:0px;">

       scope

       </div>，比如<div class="code" style="position:relative; padding:0px; margin:0px;">

       "string"

       </div>、<div class="code" style="position:relative; padding:0px; margin:0px;">

       "comment"

       </div>等，或者<div class="code" style="position:relative; padding:0px; margin:0px;">

       BracketHighlighter

       </div>自己提供的一些<div class="code" style="position:relative; padding:0px; margin:0px;">

       scope

       </div>，如<div class="code" style="position:relative; padding:0px; margin:0px;">

       "bracket.curly"

       </div>。你可以通过<div class="code" style="position:relative; padding:0px; margin:0px;">

       Tools

       </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

       Developer

       </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

       Show Scope Name

       </div>来查看光标所在位置的<div class="code" style="position:relative; padding:0px; margin:0px;">

       scope

       </div>名称，以便更好地自定义颜色。

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

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

首先，Sublime Text的自动匹配功能是通过一个叫做<div class="code" style="position:relative; padding:0px; margin:0px;">

auto_match_enabled

</div>的设置来控制的，默认情况下它是<div class="code" style="position:relative; padding:0px; margin:0px;">

true

</div>。所以，如果你发现它不工作，第一步就应该去检查你的用户设置文件。路径是 <div class="code" style="position:relative; padding:0px; margin:0px;">

Preferences

</div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

Settings

</div>。在打开的右侧用户设置文件中，你需要确保有 <div class="code" style="position:relative; padding:0px; margin:0px;">

"auto_match_enabled": true

</div> 这一行。有时候，用户可能在不经意间把它改成了<div class="code" style="position:relative; padding:0px; margin:0px;">

false

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

其次，要考虑是否是语法特定的设置。Sublime Text允许你为不同的文件类型（比如Python、J*aScript、Markdown）设置不同的偏好。如果你在某个语言的设置文件中（<div class="code" style="position:relative; padding:0px; margin:0px;">

Preferences

</div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

Settings - Syntax Specific

</div>）把<div class="code" style="position:relative; padding:0px; margin:0px;">

auto_match_enabled

</div>设为<div class="code" style="position:relative; padding:0px; margin:0px;">

false

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

还有一种比较少见但确实可能发生的情况是插件冲突。虽然<div class="code" style="position:relative; padding:0px; margin:0px;">

BracketHighlighter

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

最后，检查一下你的用户设置文件本身是否存在JSON格式错误。如果文件中有语法错误，Sublime Text可能无法正确解析你的设置，导致某些功能不生效。通常Sublime Text会在控制台（<div class="code" style="position:relative; padding:0px; margin:0px;">

View

</div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

Show Console

</div>）中报告这些错误。

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

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

要让高亮更符合习惯，<div class="code" style="position:relative; padding:0px; margin:0px;">

BracketHighlighter

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

1. 选择高亮样式： <div class="code" style="position:relative; padding:0px; margin:0px;">

   BracketHighlighter

   </div>提供了多种高亮样式，比如<div class="code" style="position:relative; padding:0px; margin:0px;">

   outline

   </div>（边框）、<div class="code" style="position:relative; padding:0px; margin:0px;">

   underline

   </div>（下划线）、<div class="code" style="position:relative; padding:0px; margin:0px;">

   bold

   </div>（粗体）、<div class="code" style="position:relative; padding:0px; margin:0px;">

   solid

   </div>（实心背景）等。你可以在用户设置中，通过修改<div class="code" style="position:relative; padding:0px; margin:0px;">

   "bracket_styles"

   </div>部分来定义不同类型括号的样式。比如，我喜欢让大括号用粗体，小括号用边框，这样一眼就能区分开。
   <div class="code" style="position:relative; padding:0px; margin:0px;">

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

   </div>

2. 自定义颜色： 这是最能体现个性化的地方。<div class="code" style="position:relative; padding:0px; margin:0px;">

   BracketHighlighter

   </div>允许你为不同类型的括号指定颜色。它通常通过<div class="code" style="position:relative; padding:0px; margin:0px;">

   color_scheme_colors

   </div>来引用你当前主题中定义的颜色<div class="code" style="position:relative; padding:0px; margin:0px;">

   scope

   </div>，或者直接定义RGB颜色值。

   • 使用主题<div class="code" style="position:relative; padding:0px; margin:0px;">

     scope

     </div>： 最优雅的方式是利用你当前主题中已有的<div class="code" style="position:relative; padding:0px; margin:0px;">

     scope

     </div>颜色。例如，你的主题可能为字符串定义了<div class="code" style="position:relative; padding:0px; margin:0px;">

     "string"

     </div>这个<div class="code" style="position:relative; padding:0px; margin:0px;">

     scope

     </div>，你就可以将括号高亮设置为字符串的颜色。要找到这些<div class="code" style="position:relative; padding:0px; margin:0px;">

     scope

     </div>名称，可以使用<div class="code" style="position:relative; padding:0px; margin:0px;">

     Tools

     </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

     Developer

     </div> -> <div class="code" style="position:relative; padding:0px; margin:0px;">

     Show Scope Name

     </div>，然后把光标放在你喜欢的颜色上。
     <div class="code" style="position:relative; padding:0px; margin:0px;">

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

     </div>

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

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

     <div class="code" style="position:relative; padding:0px; margin:0px;">

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

     </div>

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

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

Sublime Text在结构高亮方面的能力远不止于简单的括号和引号，它其实是一个非常灵活的平台。除了我们前面提到的<div class="code" style="position:relative; padding:0px; margin:0px;">

BracketHighlighter

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

1. <div class="code" style="position:relative; padding:0px; margin:0px;">

   BracketHighlighter

   </div>的扩展能力：<div class="code" style="position:relative; padding:0px; margin:0px;">

   BracketHighlighter

   </div>本身就不仅仅是针对<div class="code" style="position:relative; padding:0px; margin:0px;">

   ()

   </div>、<div class="code" style="position:relative; padding:0px; margin:0px;">

   []

   </div>、<div class="code" style="position:relative; padding:0px; margin:0px;">

   {}

   </div>和<div class="code" style="position:relative; padding:0px; margin:0px;">

   ""

   </div>。它还能高亮：
   • HTML/XML标签： <div class="code" style="position:relative; padding:0px; margin:0px;">

     <div

     </div> 和 <div class="code" style="position:relative; padding:0px; margin:0px;">

     </div>

     </div> 这样的配对标签。这对于前端开发者来说非常实用，能快速定位标签的开始和结束。
   • 自定义配对： 理论上，你可以配置它去高亮任何你定义的配对字符，虽然这在日常开发中不常用，但体现了其灵活性。
   • 未匹配的结构： 这一点非常关键。如果一个括号或标签没有对应的闭合，<div class="code" style="position:relative; padding:0px; margin:0px;">

     BracketHighlighter

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

2. Sublime Text内置的<div class="code" style="position:relative; padding:0px; margin:0px;">

   Highlight selected word

   </div>： 当你选中一个单词（比如一个变量名或函数名）时，Sublime Text会默认高亮文件中所有相同的单词。这虽然不是结构高亮，但在阅读和修改代码时，能让你快速看到这个标识符在哪些地方被使用，间接帮助理解代码结构。这个功能可以通过<div class="code" style="position:relative; padding:0px; margin:0px;">

   "highlight_word_on_not_found_only": true

   </div>来微调行为。

3. 其他插件的辅助：

   • <div class="code" style="position:relative; padding:0px; margin:0px;">

     SublimeLinter

     </div>： 这是一系列静态代码分析工具的集合。它不会直接高亮括号，但会高亮代码中的语法错误、潜在问题和风格警告。例如，如果你忘记关闭一个括号，<div class="code" style="position:relative; padding:0px; margin:0px;">

     SublimeLinter

     </div>通常会高亮出语法错误的位置，这间接指出了结构问题。
   • <div class="code" style="position:relative; padding:0px; margin:0px;">

     Tag

     </div>插件： 专门用于HTML/XML标签的插件，除了高亮匹配标签，还提供自动关闭标签、跳转到匹配标签等功能。
   • <div class="code" style="position:relative; padding:0px; margin:0px;">

     Color Highlighter

     </div>： 这个插件能直接高亮CSS、LESS、SASS等文件中的颜色值，比如<div class="code" style="position:relative; padding:0px; margin:0px;">

     #FFFFFF

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

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

以上就是sublime怎么设置括号自动匹配和高亮_Sublime括号、引号自动匹配与高亮配对设置的详细内容，更多请关注其它相关文章！