`
zzsj123
  • 浏览: 45513 次
社区版块
存档分类
最新评论

sublime更改BracketHighlighter插件的样式

 
阅读更多

BracketHighlighter安装 省略····

只记录一下BracketHighlighter配置,配置效果如下图所示,一种是下划线色彩

一种是竖起来的胖光标彩色

 

第二种色彩



 

 

 

首选选择

Pregerence > Package Settings > BracketHighlighter > Bracket Settings - User

查看user的配置。配置是依JSON的形式存在的,在看配置之前,要先了解几个基本下标概念

 

对应的关系:
{} - curly
() - round
[] - square
<> - angle
“” ‘’ - quote

 

 

style: solid、underline、outline、highlight

 

 在用户下面输入下面的配置

写道
{
// Define region highlight styles
"bracket_styles": {
// "default" and "unmatched" styles are special
// styles. If they are not defined here,
// they will be generated internally with
// internal defaults.

// "default" style defines attributes that
// will be used for any style that does not
// explicitly define that attribute. So if
// a style does not define a color, it will
// use the color from the "default" style.
"default": {
"icon": "dot",
// BH1's original default color for reference
"color": "entity.name.class",
"color": "brackethighlighter.default",
"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": "underline"
},
"round": {
"icon": "round_bracket",
"color": "brackethighlighter.round",
"style": "underline"
},
"square": {
"icon": "square_bracket",
"color": "brackethighlighter.square",
"style": "underline"
},
"angle": {
"icon": "angle_bracket",
"color": "brackethighlighter.angle",
"style": "underline"
},
"tag": {
"icon": "tag",
"color": "brackethighlighter.tag",
"style": "highlight"
},
"single_quote": {
"icon": "single_quote",
"color": "brackethighlighter.quote",
"style": "underline"
},
"double_quote": {
"icon": "double_quote",
"color": "brackethighlighter.quote",
"style": "underline"
},
"regex": {
"icon": "regex",
"color": "brackethighlighter.quote",
"style": "outline"
}
},

}

 

找到Sublime text3安装目录下的Packages中的Color Scheme - Default.sublime-package 类试C:\Program Files\Sublime Text 3\Packages\Color Scheme - Default.sublime-package

添加后缀名Color Scheme - Default.sublime-package.zip,解压找到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>#FFFFFF</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>#FFFFFF</string>
<key>background</key>
<string>#FF0000</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>#FF00FF</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>#E7FF04</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>#FE4800</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>#02F78E</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>#FFFFFF</string>
<key>background</key>
<string>#0080FF</string>
</dict>
</dict>

<dict>
<key>name</key>
<string>Bracket Quote</string>
<key>scope</key>
<string>brackethighlighter.quote</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#56FF00</string>
</dict>
</dict>

 

 

如果想要更改样式的,只需要更改配置Bracket Settings - User文件中的style样式既可以,不在演示

 

 

 

 

 

此为Color Scheme - Default.sublime-package 更改好的文件直接粘贴使用即可。已经成功的可以忽略

链接:http://pan.baidu.com/s/1gf0pZZd 密码:72j5

  • 大小: 75 KB
  • 大小: 17.2 KB
  • 大小: 15.9 KB
分享到:
评论

相关推荐

    BracketHighlighter下载

    BracketHighlighter是一款非常实用的文本编辑器插件,主要用于编程时的括号匹配高亮显示。在编程过程中,正确地配对和管理括号是至关重要的,BracketHighlighter能够帮助开发者更加直观地看到代码中的括号对,提高...

    sublime text2 插件包

    2. BracketHighlighter:BracketHighlighter插件帮助你在代码中高亮显示匹配的括号,无论是大括号、小括号、引号还是其他类型的括号。这使得在处理复杂的嵌套结构时,更容易保持代码的对齐和整洁,减少了出错的可能...

    SublimeText3插件打包下载

    sublime text 3插件包是...AndyJS2、BracketHighlighter、emmet-sublime、flatland、IMESupport、jQuery、JsFormat、Package Control、predawn、PyV8、SideBarEnhancements-st3、sublime_alignment、SublimeCodeIntel。

    Sublime-已安装插件版,开发必备

    2. **GitGutter**:此插件在代码旁边显示了自上次提交以来的更改,帮助开发者直观地看到代码变动。 3. **Emmet**:前身为Zen Coding,是前端开发者的神器,它极大地简化了HTML和CSS的编写,通过缩写就能自动生成...

    ctags sublime text 3 插件

    This uses tag files created by the ``ctags -R -f .tags`` command by default (although this can be overriden in settings...locations that are specified in the ``CTags.sublime-settings`` file (see below).

    Sublime Text3 插件包(包含前端大部分常用插件)

    All Autocomplete,AutoFileName,Better CoffeeScript,Bootstrap 3 Autocomplete,BracketHighlighter,ChineseLocalizations,Coffee2Js,CSSLess(ish),CSS Snippets,CSS3,Emmet,HTML Snippets,HTMLBeautify...

    sublime text3常用插件集合包

    8. **BracketHighlighter**:高亮显示代码中的括号匹配,有助于检查括号是否正确配对。 9. **ColorPicker**:快速选取颜色代码,适用于处理CSS、HTML或其他涉及颜色的地方。 10. **MarkdownEditing**:为Markdown...

    sublime插件

    - **BracketHighlighter**:高亮显示匹配的括号,避免因未正确配对的括号导致的错误。 - **AutoFileName**:自动补全文件名,当输入路径时,提供可用的文件名提示。 这些插件可以通过Sublime Text的包管理器...

    sublime text3常用插件

    9. **BracketHighlighter**:它会高亮显示括号和其他匹配的字符,帮助避免括号不匹配的问题。 10. **SublimeCodeIntel**:这是一款代码补全插件,它支持多种编程语言,能智能预测并提供可能的代码补全选项。 11. *...

    ionic sublime 2/3 提示插件 ionic-sublime-plugin

    "css"和"js"目录可能包含了插件的样式和脚本文件,实现其功能。"messages"目录可能存放了多语言支持的文本资源。"ng-ionic"可能是针对Ionic框架特定部分的扩展或配置。 总的来说,"ionic-sublime-plugin"是专为提升...

    sublime显示函数列表插件

    "sublime显示函数列表插件"就是为了实现这一目标而设计的,它允许用户在Sublime Text 2中方便地查看和跳转到Python脚本中的各个函数。 FuncPreview是这个插件的名字,最初是针对Sublime Text 2开发的。尽管...

    Sublime Text3多插件版本

    7. **BracketHighlighter**:高亮显示匹配的括号,避免因忘记关闭括号而引发的错误。 8. **Syntax Highlighting**:为多种语言提供丰富的语法高亮,使得代码更加清晰易读。 9. **SublimeLinter**:代码检查工具,...

    sublime text3插件大全安装包

    3. **BracketHighlighter-master.zip**:BracketHighlighter插件能高亮显示匹配的括号,使得代码中的括号更加明显,帮助开发者快速定位和检查括号匹配错误,提高了代码的可读性和准确性。 4. **SublimeLinter-...

    Sublime Text 3 21个常用插件

    AngularJS,AutoFileName选择文件,BracketHighlighter,ColorPicker调色器,ConvertToUTF8转为UTF8,CSS3,Emmet代码自动完成,HTML5,IMESupport,jQuery,Nil-Theme主题,ruby环境+sass下载,SASS-Build,sass,...

    sublime的react高亮插件

    Sublime Text是一款广受欢迎的文本编辑器,尤其受到开发者们的喜爱,因为它支持多种编程语言,并且可以通过安装插件来扩展其功能。在这个场景中,我们关注的是如何在Sublime Text中实现React代码的高亮显示,这将极...

    Sublime Text 3(插件完美配置版)

    10. **其他实用工具**:如ColorPicker方便选取颜色值,BracketHighlighter高亮显示匹配的括号,Status Bar Color Picker显示当前选择的颜色。 这些插件的集成,使得Sublime Text 3成为了一款强大的Web开发环境。...

    Sublime Text3函数列表插件

    函数列表插件是Sublime Text3的一个重要扩展,它极大地提升了开发者的工作效率,特别是在处理大型代码文件时。下面将详细阐述这个插件的功能、用途以及如何在Sublime Text3中安装和使用。 首先,"Function Preview...

    Sublime text3支持c语言的插件合集

    这个目录包含了所有Sublime Text 3的配置文件和插件,你可以在这里进行自定义设置,比如修改快捷键、主题、语法高亮等。 对于C语言的支持,我们主要关注以下几个方面: 1. **语法高亮**:Sublime Text 3默认支持...

    Sublime Text 3

    此外,多选编辑是Sublime Text的一大亮点,用户可以同时编辑多个位置,这对于修改大量重复代码尤其有用。 Sublime Text 3还提供了强大的代码完成和自动补全功能,它能够分析当前项目的代码结构,提供基于上下文的...

Global site tag (gtag.js) - Google Analytics