如何在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
相关产品推荐
相关产品推荐

