Sublime text3配置BracketHighlighter插件。

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 -->


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章