BracketHighlighter可通过配置提升代码可读性,先安装插件,再通过Preferences→Package Settings→BracketHighlighter→Bracket Settings - User修改JSON配置,常用设置包括调整高亮样式、启用引号/标签匹配、排除注释字符串等干扰,合理配置后显著优化嵌套结构阅读体验。

BracketHighlighter 是 Sublime Text 中非常实用的插件,能够高亮匹配的括号、标签、引号等结构,提升代码可读性。配置得当可以让开发体验更流畅。以下是详细的配置方法。
安装 BracketHighlighter
在开始配置前,确保已安装该插件:
- 打开 Sublime Text,按下 Ctrl+Shift+P(Mac 上是 Cmd+Shift+P)调出命令面板
- 输入 "Install Package" 并选择 "Package Control: Install Package"
- 搜索 BracketHighlighter 并点击安装
基本配置方式
BracketHighlighter 支持通过用户配置文件自定义行为。配置文件不会影响插件默认设置,只用于覆盖或扩展功能。
- 进入菜单栏:Preferences → Package Settings → BracketHighlighter → Bracket Settings - User
- 这会打开一个空的 JSON 配置文件,你可以在此添加个性化设置
常用配置项说明
以下是一些常用的配置示例和解释:
1. 修改高亮样式
控制括号高亮的外观,比如边框、背景色、下划线等:
{
"bracket_styles": {
"default": {
"icon": "dot",
"color": "brackethighlighter.default",
"style": "underline"
},
"unmatched": {
"icon": "question",
"color": "brackethighlighter.unmatched",
"style": "outline"
}
}
}说明:
- style 可选值有:underline、solid、outline、thin_underline 等
- icon 是左侧边栏显示的小图标样式
- 不同 bracket 类型可以分别设置样式
2. 启用对特定符号的支持
默认支持常见括号,如需增强对 HTML 标签、引号、注释等的匹配,确保启用对应规则:
说明:用途:程序员、美工、中小型科技公司接单建站使用1.将此文件夹下的文件传入根目录下2.数据库文件:company.sql3.把数据库文件导入数据库4.修改数据库链接信息(用户名、密码,数据库名):/inc/dabase_mysql.php5.超级帐号webmaster 密码:123456 后台管理目录/cdguanli6.后台栏目配置和前台插件的调用方式,请见官网教程。7.前台插件调用示例相比
{
"match_brackets": true,
"match_quotes": true,
"match_angles": true,
"match_css": true,
"search_threshold": 5000
}说明:
- match_quotes:匹配单双引号字符串
- match_angles:匹配尖括号(常用于 HTML/JSX)
- search_threshold:最大搜索字符数,避免大文件卡顿
3. 忽略某些语法中的高亮
如果在某种语言中不希望启用 BracketHighlighter,可通过 scope 排除:
{
"ignored_scopes": ["string", "comment"]
}这样在字符串或注释内的括号将不会被高亮,减少干扰。
高级技巧
你还可以自定义 bracket 类型,例如支持 Vue 的 或 Markdown 的引用块。但这通常需要修改插件源码或使用额外的规则定义,适合进阶用户。
调试时,可使用快捷键 Ctrl+Alt+Mouse Click 查看当前光标位置的 bracket 信息,帮助判断是否识别正常。
基本上就这些。BracketHighlighter 开箱即用,合理配置后能显著提升代码阅读效率,尤其在嵌套较深的结构中表现突出。不复杂但容易忽略。









