【问题标题】:How to change style of matched brackets in Sublime Text 2 / 3?如何更改 Sublime Text 2 / 3 中匹配括号的样式?
【发布时间】:2012-05-09 11:07:08
【问题描述】:

它只是在匹配的括号下划线,是否可以使它更有用,例如更改括号颜色或突出显示括号行?

【问题讨论】:

    标签: sublimetext2 sublimetext sublimetext3


    【解决方案1】:

    有插件BracketHighlighter

    特点:

    • 可自定义高亮括号 ()、[]、、{}
    • 可自定义的标签高亮(支持一元标签并支持自关闭/>(HTML5 即将到来))
    • 可自定义的引号突出显示
    • 有选择地禁用或启用标签、括号或引号的特定匹配
    • 根据语言选择性地匹配特定标签、括号或引号的白名单或黑名单
    • 使用按需快捷方式时,在状态栏中显示匹配之间的行数和字符数
    • 将光标移动到括号内容的开头或结尾的快捷方式(如果当前没有多选,则将重点放在开头或结尾括号上)
    • 选择所有括号内内容的快捷方式
    • 和其他人,请参阅 github 站点。

    【讨论】:

    • 是否有类似的插件可以对搜索结果突出显示做同样的事情?
    • 我试过 BracketHighlighter,但和 MacOS 上的大多数东西一样,它很糟糕。它与括号匹配的范围非常有限。
    【解决方案2】:

    您可以通过修改主题的配色方案文件来更改括号的颜色。

    转到 Preferences / Browse packages 打开文件夹 Color Scheme - Default 找出您当前的主题文件(默认为 Monokai.tmTheme)。使用 Sublime Text 打开它,找到以下部分:

    <key>bracketsForeground</key>
    <string>#F8F8F2A5</string>
    <key>bracketsOptions</key>
    <string>underline</string>
    
    <key>bracketContentsForeground</key>
    <string>#F8F8F2A5</string>
    <key>bracketContentsOptions</key>
    <string>underline</string>
    

    您可以在此处更改括号的外观。如果你把它改成这样:

    <key>bracketsForeground</key>
    <string>#FF8000</string>
    <key>bracketsOptions</key>
    <string>foreground</string>
    
    <key>bracketContentsForeground</key>
    <string>#FF8000</string>
    <key>bracketContentsOptions</key>
    <string>foreground</string>
    

    ..您将删除下划线并在括号中添加橙色。

    查看文件的其余部分,因为(也许)您会发现更多需要更改的内容;)

    无需重新启动 sublime 即可查看更改。只需保存文件即可。

    Sublime Text3 更新

    1. 转到您的 Sublime Text 3 安装文件夹; cd 进入“包”文件夹。搜索 Color Scheme - Default.sublime-package 并将其复制粘贴到您的 Packages 文件夹中(在 windows 下是 %APPDATA%\Sublime Text 3\Packages)。
    2. 解压缩文件(使用任何解压缩工具)。
    3. 访问新生成的文件夹并修改您的主题文件(与 Sublime Text 2 中的步骤相同)。
    4. 应用更改后保存文件,您会看到更改。
    5. 如果需要,您可以使用 .sublime-package 扩展名再次将文件压缩为 zip,但如果这样做,您必须将该文件移动到 Installed Packages 文件夹。

    更新 2

    有一个用于编辑插件的非常有用的包,名为PackageResourceViewer。它允许您非常轻松地编辑包,为您完成所有解压缩和移动内容。

    【讨论】:

    • 括号的背景颜色?我不知道是否有这个选项......也许插件可以?我不知道..我没有测试过。
    • Sublime Text 3 中不存在这样的文件。我正在使用 Soda (git checkout) 并错过了 Bonus Options 但现在我已经下载了它并且 Monokai Soda.thTheme 没有有任何包含bracket的字符串。
    • 我的Packages/PHP-Twig/Extras/Themes/Monokai Dark.thTheme 中也没有bracket 字符串,但是添加这些缺失的块就可以了。
    • 这是讨论上述主题参数含义的论坛主题:sublimetext.com/forum/viewtopic.php?f=2&t=3007#p14196
    • 它没有用。 :'( 没有“括号”字符串,所以我在字典中添加了括号选项。出了什么问题?
    【解决方案3】:
    <dict>
        <key>name</key>
        <string>Tag</string>
        <key>scope</key>
        <string>meta.tag, declaration.tag</string>
        <key>settings</key>
        <dict>
            <key>foreground</key>
            <string>#0033CC</string>
        </dict>
    </dict>
    

    这会改变 sb3 中的括号颜色

    【讨论】:

    • 但我只需要在突出显示它们时更改它们——也就是说,恰好在它们得到下划线的那一刻。
    【解决方案4】:

    使用 BracketHighlighter 包,编辑您的主题 (tmTheme),然后添加:

        <dict>
            <key>name</key>
            <string>Tag</string>
            <key>scope</key>
            <string>brackethighlighter.default</string>
            <key>settings</key>
            <dict>
                <key>foreground</key>
                <string>#ffff00</string>
            </dict>
        </dict>
    

    【讨论】:

      【解决方案5】:

      可以在不使用插件的情况下修改括号颜色和其他可见性偏好。下面是一种本地实现此类更改的方法。

      注意: 我最近在 SublimeText 论坛上起草了这个答案。这里有一个类似的(未接受) 答案,但我包含了一些未提及的细节和视觉参考。


      示例

      这是我的个人配置:


      设置

      以下是我的所有可见性相关设置。

      正如您在示例中看到的那样:brackets 设置决定括号对的颜色,如果插入符号放在括号上,而bracketContents 设置决定括号对的颜色,如果插入符号放在一组括号。

      我的bracketContentsOptions 设置为underline,但如果您希望在两个实例中都突出显示它,可以将其更改为foreground

       

      @Preferences.sublime-settings

      "always_show_minimap_viewport" : true,
      "caret_extra_bottom"           : 3,
      "caret_extra_top"              : 3,
      "caret_extra_width"            : 1,
      "caret_style"                  : "phase",
      "draw_minimap_border"          : true,
      "fade_fold_buttons"            : false,
      "fold_buttons"                 : true,
      "highlight_line"               : true,
      "highlight_modified_tabs"      : true,
      "line_numbers"                 : true,
      "match_brackets"               : true,
      "match_brackets_angle"         : true,
      "match_brackets_braces"        : true,
      "match_brackets_content"       : true,
      "match_brackets_square"        : true,
      "match_selection"              : true,
      "match_tags"                   : true,
      "overlay_scroll_bars"          : "enabled",
      

      @YourColorScheme.tmTheme

          <!-- Indent Guides -->
      
              <key>guide</key>
              <string>#14191F</string>
      
              <key>stackGuide</key>
              <string>#14191F</string>
      
              <key>activeGuide</key>
              <string>#2E4589</string>
      
          <!-- Highlighted Brackets -->
      
              <key>bracketsForeground</key>
              <string>#D80E64</string>
      
              <key>bracketsOptions</key>
              <string>foreground</string>
      
              <key>bracketContentsForeground</key>
              <string>#D80E64</string>
      
              <key>bracketContentsOptions</key>
              <string>underline</string>
      
          <!-- Document Selection -->
      
              <key>caret</key>
              <string>#D80E64</string>
      
              <key>lineHighlight</key>
              <string>#121522</string>
      
              <key>selection</key>
              <string>#1D416B</string>
      
              <key>selectionForeground</key>
              <string>#bbccff</string>
      
              <key>selectionBorder</key>
              <string>#4D71FF</string>
      
              <key>inactiveSelection</key>
              <string>#1D416B</string>
      
              <key>inactiveSelectionForeground</key>
              <string>#bbccff</string>
      
          <!-- Search Results -->
      
              <key>findHighlight</key>
              <string>#0BD0AC</string>
      
              <key>findHighlightForeground</key>
              <string>#000000</string>
      

      【讨论】:

      • 这需要更多解释才能编辑主题文件
      猜你喜欢
      • 1970-01-01
      • 2013-10-16
      • 2016-10-06
      • 2015-05-02
      • 1970-01-01
      • 1970-01-01
      • 2014-07-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多