sublime如何实现彩虹括号效果_sublime BracketHighlighter高级配置-sublime-PHP中文网

sublime如何实现彩虹括号效果_sublime BracketHighlighter高级配置

裘德小鎮的故事

发布： 2025-12-14 18:05:14

原创

899人浏览过

Sublime Text可通过安装BracketHighlighter插件并配置多级颜色实现彩虹括号效果，首先使用Package Control安装插件，再在用户设置中定义level_1至level_6样式，接着编辑当前主题文件（.tmTheme）添加对应作用域的颜色值（如#FF6188、#AB9DF2等），最后可选优化高亮样式与可见性，重启后即可在代码中看到嵌套括号按层级显示不同颜色。

sublime如何实现彩虹括号效果_sublime brackethighlighter高级配置

Sublime Text 本身不自带彩虹括号（Rainbow Brackets）功能，但通过插件 BracketHighlighter 配合合适的配置和配色方案，可以实现类似“彩虹括号”的视觉效果。以下是详细的配置方法，帮助你在 Sublime 中实现美观且实用的括号高亮。

1. 安装 BracketHighlighter 插件

使用 Package Control 安装 BracketHighlighter：

按下 Ctrl+Shift+P 打开命令面板
输入 “Package Control: Install Package” 并回车
搜索 “BracketHighlighter” 并安装

安装完成后，Sublime 会自动启用括号高亮功能，但默认样式较基础，需要进一步配置来实现彩虹效果。

2. 配置 BracketHighlighter 实现多级颜色

要实现彩虹括号，关键是让不同层级的括号显示不同颜色。这需要修改 BracketHighlighter 的配色规则。

步骤如下：

打开菜单栏：Preferences → Package Settings → BracketHighlighter → Bracket Settings
这会打开两个文件：左侧是默认设置（只读），右侧是用户配置文件（可编辑）
在用户配置文件中添加或修改以下内容：

{
    "bracket_styles": {
        "default": {
            "icon": "dot",
            "color": "brackethighlighter.default",
            "style": "underline"
        },
        "angle": {
            "icon": "tag",
            "color": "brackethighlighter.angle",
            "style": "underline"
        },
        "curly": {
            "icon": "brace",
            "color": "brackethighlighter.curly",
            "style": "underline"
        },
        "round": {
            "icon": "paren",
            "color": "brackethighlighter.round",
            "style": "underline"
        },
        "square": {
            "icon": "bracket",
            "color": "brackethighlighter.square",
            "style": "underline"
        },
        "level_1": {
            "icon": "dot",
            "color": "brackethighlighter.level.1",
            "style": "underline"
        },
        "level_2": {
            "icon": "dot",
            "color": "brackethighlighter.level.2",
            "style": "underline"
        },
        "level_3": {
            "icon": "dot",
            "color": "brackethighlighter.level.3",
            "style": "underline"
        },
        "level_4": {
            "icon": "dot",
            "color": "brackethighlighter.level.4",
            "style": "underline"
        },
        "level_5": {
            "icon": "dot",
            "color": "brackethighlighter.level.5",
            "style": "underline"
        },
        "level_6": {
            "icon": "dot",
            "color": "brackethighlighter.level.6",
            "style": "underline"
        }
    }
}

登录后复制

上述配置定义了最多 6 层括号颜色，BracketHighlighter 会按嵌套层级自动应用 level_1 到 level_6 样式。

Pippit AI

CapCut推出的AI创意内容生成工具

133

查看详情

3. 修改主题文件以定义颜色

仅仅配置插件还不够，还需要在当前使用的 .tmTheme 文件中定义对应的作用域颜色。

操作步骤：

找到你正在使用的主题文件（如 Monokai.sublime-color-scheme 或 Monokai.tmTheme）
建议复制一份备份，然后编辑
在 <array></array> 内添加以下内容（适用于 .tmTheme 格式）：

<dict>
    <key>name</key>
    <string>Bracket Level 1</string>
    <key>scope</key>
    <string>brackethighlighter.level.1</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#FF6188</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Level 2</string>
    <key>scope</key>
    <string>brackethighlighter.level.2</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#AB9DF2</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Level 3</string>
    <key>scope</key>
    <string>brackethighlighter.level.3</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#FC9867</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Level 4</string>
    <key>scope</key>
    <string>brackethighlighter.level.4</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#A9DC76</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Level 5</string>
    <key>scope</key>
    <string>brackethighlighter.level.5</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#78DCE8</string>
    </dict>
</dict>
<dict>
    <key>name</key>
    <string>Bracket Level 6</string>
    <key>scope</key>
    <string>brackethighlighter.level.6</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#FFD866</string>
    </dict>
</dict>

登录后复制

这些颜色来自 popular 的彩虹配色方案（如 Rainbow Brackets for VSCode），可根据喜好调整。

4. 可选优化设置

在 BracketHighlighter 设置中加入以下选项提升体验：

{
    "high_visibility": true,
    "show_in_minimap": true,
    "bracket_highlight_style": "outline",
    "small_width_pairs": "()[]{}",
    "auto_update_color_scheme": true
}

登录后复制