BracketHighlighter插件是用來匹配相對的符號,然後高亮顯示,比如{ }、[ ]、" "等符號的對應高亮顯示。原生的ST只提供白色的下劃線提示,很不清楚。
安裝BracketHighlighter可以直接從PackageController啓動,選擇install Package,輸入BracketHighlighter,等待片刻,即可安裝成功。
安裝完成之後打開配置文件preferences-->package settings-->Bracket highlighter-->Bracket settings-Default,然後打開之後的文件可能是無法修改的!如果無法修改,就將這裏全部的配置信息複製,然後粘貼到preferences-->package
settings-->Bracket highlighter-->Bracket settings-User裏進行修改。
要修改的地方參照這裏
配置文件裏的內容就是針對bracket_styles下面的每條信息的color和style進行修改。這個顏色和樣式可以全部設置成一致的,但必須要確定這個顏色。這個就需要在主題的配置文件中去做修改。你當前選擇的主題preferencescolor-->scheme(主題方案)選擇的是哪一個就去安裝Sublime Text的位置去找出對應的主題文件,進去修改。修改的方式參照在前面提到的stackoverflow中的那個方法,顏色值可以按照個人喜好隨意修改。
然後就能生效了。
特將stackoverflow中的參考配置方法貼在此處:
I have modified
my example based upon the comments of AGS
-
it now includes a couple of highlight options and the rest are outline. Thank you AGS
and
thank you to the original poster for creating this useful thread.
bh_core.sublime-settings
{
"bracket_styles": {
// This particular style is used to highlight
// unmatched bracket 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": "outline"
},
"square": {
"icon": "square_bracket",
"color": "brackethighlighter.square",
"style": "outline"
},
"angle": {
"icon": "angle_bracket",
"color": "brackethighlighter.angle",
"style": "outline"
},
"tag": {
"icon": "tag",
"color": "brackethighlighter.tag",
"style": "outline"
},
"single_quote": {
"icon": "single_quote",
"color": "brackethighlighter.quote",
"style": "outline"
},
"double_quote": {
"icon": "double_quote",
"color": "brackethighlighter.quote",
"style": "outline"
},
"regex": {
"icon": "regex",
"color": "brackethighlighter.quote",
"style": "outline"
}
}
}
whatever_theme_file_you_use.tmTheme
<!-- BEGIN Bracket Highlighter plugin color modifications -->
<dict>
<key>name</key>
<string>Unmatched</string>
<key>scope</key>
<string>brackethighlighter.unmatched</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FD971F</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>#FF0000</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>#0000FF</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>#800080</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>#AE81FF</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Bracket Tag</string>
<key>scope</key>
<string>brackethighlighter.tag</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FD971F</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Single Quote | Double Quote | Regex</string>
<key>scope</key>
<string>brackethighlighter.quote</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#AE81FF</string>
</dict>
</dict>
<!-- END Bracket Highlighter plugin color modifications -->