sublime text的bracketHightlight插件使光标所处位置的括号域成对匹配并高亮显示的插件
github目录:
https://github.com/facelessuser/BracketHighlighter
这里readme.md中有作者描述的描述和配置方法,这里只是简单的介绍并配上截图
安装
通过packet controller进行插件的安装,步骤入图所示
配置
安装完成之后,就可以看到匹配的括号由下滑线进行标志
如果要自己喜欢的颜色和风格可以通过配置文件进行配置。
(1)bracketHightlight的配置
preferences-->package settings-->Bracket highlighter-->Bracket settings-User打开bracketHightlight的用户自定义配置文件进行配置
// Define region highlight styles段落进行配置,克制设置bracket_styles中没种括号的颜色和风格,其中颜色设置需要在sublime的配色文件中进行规定,这个后面再说。先说风格,style,可以是solid, outline, underline, hightlight和none,配置如图所示。其中curly表示大括号、round表示圆括号、square表示方括号
(2)配色方案配置
上面color表示括号高亮的配色,配色方案可以在sublime所使用的配色方案的配置文件中设定。
比如我的用的配色方案是monokai,配置颜色的话需要将上面color的注释去掉。
"default": { "icon": "dot", // BH1's original default color for reference // "color": "entity.name.class", "color": "brackethighlighter.default", //"style": "highlight" "style": "highlight" }, // This particular style is used to highlight // unmatched bracekt pairs. It is a special // style. "unmatched": { "icon": "question", "color": "brackethighlighter.unmatched", "style": "highlight" }, // User defined region styles "curly": { "icon": "curly_bracket", "color": "brackethighlighter.curly", "style": "highlight" }, "round": { "icon": "round_bracket", "color": "brackethighlighter.round", "style": "highlight" }, "square": { "icon": "square_bracket", "color": "brackethighlighter.square", "style": "highlight" },
在Packages\Color Scheme - Default\Monokai.tmTheme文件中添加配置信息,比如:
其中前景色和背景色的值被注释掉,大家可以根据自己的爱好进行设置。
<dict> <key>name</key> <string>Bracket Default</string> <key>scope</key> <string>brackethighlighter.default</string> <key>settings</key> <dict> <!-- <key>foreground</key> --> <!-- <string>#FF00FF</string> --> <!-- <key>background</key> --> <!-- <string>#A6E22E</string> --> </dict> </dict> <dict> <key>name</key> <string>Bracket Unmatched</string> <key>scope</key> <string>brackethighlighter.unmatched</string> <key>settings</key> <dict> <!-- <key>foreground</key> --> <!-- <string>#FFFF00</string> --> <!-- <key>background</key> --> <!-- <string>#A6E22E</string> --> </dict> </dict> <dict> <key>name</key> <string>Bracket Curly</string> <key>scope</key> <string>brackethighlighter.curly</string> <key>settings</key> <dict> <!-- <key>foreground</key> --> <!-- <string>#FFFEEE</string> --> <!-- <key>background</key> --> <!-- <string>#A6E22E</string> --> </dict> </dict> <dict> <key>name</key> <string>Bracket Round</string> <key>scope</key> <string>brackethighlighter.round</string> <key>settings</key> <dict> <!-- <key>foreground</key> --> <!-- <string>#FFFF00</string> --> <!-- <key>background</key> --> <!-- <string>#FFeeee</string> --> </dict> </dict> <dict> <key>name</key> <string>Bracket Square</string> <key>scope</key> <string>brackethighlighter.square</string> <key>settings</key> <dict> <!-- <key>foreground</key> --> <!-- <string>#FFFF00</string> --> <!-- <key>background</key> --> <!-- <string>#FFeeee</string> --> </dict> </dict> <dict> <key>name</key> <string>Bracket Angle</string> <key>scope</key> <string>brackethighlighter.angle</string> <key>settings</key> <dict> <!-- <key>foreground</key> --> <!-- <string>#FFFF00</string> --> <!-- <key>background</key> --> <!-- <string>#FFeeee</string> --> </dict> </dict>
推荐一个颜色代码对比网址http://html-color-codes.info/chinese/