You need to enable JavaScript to run this app. 如何在Sublime Text 3中实现示例截图所示的括号高亮效果
优惠活动
大模型
产品
解决方案
定价
更多

如何在Sublime Text 3中实现示例截图所示的括号高亮效果

Sublime Text 3 自定义括号高亮配置方法

实现目标:还原参考示例中的括号高亮效果——光标定位到代码段时,对应匹配的左右括号会显示分色轮廓描边,无厚重实心背景遮挡代码,不同类型括号的匹配关系一目了然。

基础准备

  • 提前装好Sublime Text 3的Package Control组件
  • 呼出命令面板的快捷键:Windows/Linux用Ctrl+Shift+P,macOS用Cmd+Shift+P

1. 安装核心依赖插件

  • 呼出命令面板,输入Package Control: Install Package回车
  • 搜索选中BracketHighlighter完成安装,这是实现自定义括号高亮的核心插件,功能远强于Sublime自带的基础括号匹配。

2. 自定义样式匹配参考效果

  • 呼出命令面板,输入BracketHighlighter: Settings - User打开用户级配置文件
  • 粘贴以下JSON格式的配置内容:
{
    "bracket_styles": {
        "default": {
            "icon": "dot",
            "color": "bracket",
            "style": "outline",
            "color_scope": "comment"
        },
        "round": {
            "match_color": "bracket",
            "color": "#ff6b6b",
            "style": "outline",
            "icon": "round"
        },
        "curly": {
            "match_color": "bracket",
            "color": "#4ecdc4",
            "style": "outline",
            "icon": "curly"
        },
        "square": {
            "match_color": "bracket",
            "color": "#ffe66d",
            "style": "outline",
            "icon": "square"
        },
        "angle": {
            "match_color": "bracket",
            "color": "#a29bfe",
            "style": "outline",
            "icon": "angle"
        }
    },
    "high_visibility_enabled_by_default": true,
    "high_visibility_style": "outline",
    "show_bracket_content": false
}
  • 配置逻辑说明:
    • 所有括号的高亮模式统一设为outline(轮廓描边),避免实心块遮挡代码
    • 给圆、花、方、尖四类括号分别分配独立的高亮色,实现不同括号类型的快速区分
    • 默认开启高可见度高亮,关闭多余的括号内容悬浮提示

3. 关闭自带高亮避免样式冲突

  • 呼出命令面板,输入Preferences: Settings - User打开Sublime全局用户配置
  • 加入两个参数关闭Sublime原生的弱括号高亮,避免和自定义样式打架:
{
    "match_brackets": false,
    "match_brackets_content": false
}

配置保存后即时生效,无需重启编辑器。如果需要调整高亮的颜色深浅或色值,直接修改对应括号配置项里的color字段即可。

内容的提问来源于stack exchange,提问作者Altair LaHad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.11.03 07:57:03