sublime text 2 扩展程序之bracketHightlight 括号匹配高亮安装及配置

sublime text的bracketHightlight插件使光标所处位置的括号域成对匹配并高亮显示的插件

github目录:

https://github.com/facelessuser/BracketHighlighter

这里readme.md中有作者描述的描述和配置方法,这里只是简单的介绍并配上截图

  1. 安装

    通过packet controller进行插件的安装,步骤入图所示


    wKiom1LGSEnSMSDBAACFedZ97-o897.jpg

    wKioL1LGSD2CeH2OAAAs9WGhd4M594.jpg

    wKiom1LGSErzfi-QAAA2Ef7lEZs752.jpg


  2. 配置

    安装完成之后,就可以看到匹配的括号由下滑线进行标志

    wKioL1LGSR-DMcSzAABAZLdgf0g926.jpg

如果要自己喜欢的颜色和风格可以通过配置文件进行配置。

(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表示方括号

wKioL1LGSrWQnzo8AADxD4-URJc635.jpg

(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"
        },

wKioL1LGSxaj8ICEAAD15PsgAFY845.jpg

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

你可能感兴趣的:(配置,sublime)