【问题标题】:Custom brace highlighting in Visual Studio CodeVisual Studio Code 中的自定义大括号突出显示
【发布时间】:2016-08-28 05:10:45
【问题描述】:

是否可以在 Visual Studio Code 中自定义大括号突出显示?似乎几乎所有其他内容都可以通过用户和工作区设置以及 textmate 主题进行自定义。无论您使用哪种语法突出显示,大括号始终具有相同的浅灰色轮廓/矩形。我没有看到解决此特定功能的现有用户/工作区设置或 textmate 范围。

最终,我希望有一个匹配大括号的纯色突出显示,类似于 Visual Studio 2013 和 2015 中默认的深色主题。

【问题讨论】:

    标签: visual-studio-code


    【解决方案1】:

    为了将来参考,vscode 现在可以通过将其添加到 settings.json 来更改括号突出显示的颜色:

    "workbench.colorCustomizations" : {
            "editorBracketMatch.background": "#f008",
            "editorBracketMatch.border": "#f00"
    }
    

    支持的格式有 #RGB#RGBA#RRGGBB#RRGGBBAArgba(255,255,255,1) 格式似乎在设置文件的其他地方有效,但在这里似乎无效。

    当光标在括号之间时,关于这个主题仍然缺少的唯一功能是括号突出显示。它们仅在选择括号之一时突出显示。我没有找到通过 Settingsworkbench.colorCustomizations 搜索的当前解决方案。

    2018.04.21 更新 现在有一个名为Bracket Pair Colorizer 的插件,无论光标放在刹车的哪个位置,它都会在行号之外显示当前括号。但是在较慢的硬件(第 3 代 i5 笔记本电脑)上,我在编辑大文件(3000+ 行 php 文件)时遇到了减速。在同一文件上表现良好并突出显示当前缩进的替代插件是Guides

    2019.11.10 更新 VSCode 1.40 现在突出显示包围光标的括号。

    2021.08.09 更新 正如@desilicius 在 cmets Bracket Pair colorizer 中提到的那样,作者不再维护。他提供了 Blockman - Highlight Nested Code Blocks 作为替代方案,它具有相同的功能但外观完全不同,Highlight Matching Tag 是一个很棒的插件,但顾名思义,它只适用于 html(和 jsx)标签。

    2021.08.13 更新 VSCode 团队决定添加括号对着色作为内置功能。它现在正在开发中,速度提高了 10k x BPC2 的速度。讨论可以找到here

    【讨论】:

    • 注意:有一个更新的包具有相同的功能,但通过使用 VS 代码解析引擎快得多。名字是Bracket Pair Colorizer 2
    • 我试过了,但是3000+的文件已经增长到5000+了,插件还是很慢。
    • 奇怪的是没有前景选项来改变匹配括号本身的颜色。
    • Bracket Pair Colorizer 2 不再维护
    【解决方案2】:

    你可以试试Bracket Pair Colorizer 2分机。

    【讨论】:

    • 我在寻找解决方案来解决 vscode 突出显示错误缩进指南和(虽然默认的不正确缩进指南仍然显示)Bracket Pair Colorizer 2 添加它自己的正确缩进指南的错误时遇到了这个问题。超级酷!
    【解决方案3】:

    现在可以在 VS Code 中突出显示和更改括号的颜色。

    你可以试试这个扩展Subtle Brackets ,在VS Code的.json设置中修改如下默认值:

    我是这样改的:

    "subtleBrackets.bracketPairs": [
        "{}",
        "[]",
        "()",
        "<>"
    ],
    "subtleBrackets.styles": {
        "global": {
            "color": "yellow",
            "borderWidth": "1px",
            "borderStyle": "none none solid none"
        }
    }
    

    不要忘记将 VS Code 的 .matchbrackets 的值设置为“false”。

    "editor.matchBrackets": false
    

    【讨论】:

    • 我更喜欢rainbow-brackets 扩展或Bracket Pair Colorizer,因为Subtle Brackets 只能使用“workbench.colorCustomizations”来完成
    • 遗憾的是 subtleBrackets 不适用于 .vue 文件。
    【解决方案4】:

    2021 年 9 月更新:从 August 2021 (version 1.60) update 开始,“括号对着色”功能现已在 VS Code 中可用。

    将此添加到您的 settings.json 文件中:

     "editor.bracketPairColorization.enabled": true
    

    保存文件后,括号应立即着色。

    【讨论】:

      【解决方案5】:

      也许你会喜欢 VSCode 扩展“Blockman”,它突出了嵌套的代码块。 (我是 Blockman 的作者)。

      VSCode 扩展“Blockman”是一种处理括号的新方法,好吧,它不会突出显示括号本身,但它会根据括号(花括号/方括号/圆括号/大括号)呈现块,我认为它是更好的视觉帮手,让我们的眼睛更容易感知代码结构,更快更舒适地理解代码结构。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-11-04
        • 2015-08-21
        • 1970-01-01
        • 1970-01-01
        • 2014-02-11
        • 2018-09-25
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多