You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VS Code中对所有编程语言淡化分号与大括号?

如何在VS Code中淡化/隐藏分号与大括号(全语言生效)

淡化符号的方法

你可以通过自定义编辑器语法颜色设置,让分号和大括号变成半透明的浅灰色,步骤如下:

  1. 打开VS Code设置:按下Ctrl+,(Windows/Linux)或Cmd+,(Mac)
  2. 点击设置界面右上角的{}图标,打开设置JSON视图
  3. 添加以下配置到JSON中:
"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                "punctuation.terminator.statement", // 匹配各类语句结束的分号
                "punctuation.section.block.begin", // 匹配代码块的左大括号
                "punctuation.section.block.end" // 匹配代码块的右大括号
            ],
            "settings": {
                "foreground": "#88888880" // 带半透明效果的灰色,可自行调整颜色值
            }
        }
    ]
}
  • 颜色值说明:#88888880的最后两位80代表透明度,00是完全透明,ff是完全不透明;前面六位是RGB颜色,你可以改成和当前主题更适配的浅色调。

隐藏符号的方法

VS Code没有直接隐藏符号的功能,但可以把符号颜色设为和编辑器背景完全一致,实现视觉上的隐藏:

  • 在上面的配置中,把foreground的值改成你当前主题的背景色即可。比如默认深色主题的背景是#1e1e1e,就设置为"foreground": "#1e1e1e"。
  • 注意:选中文本时,这些符号可能会因为选中高亮再次显示,这是编辑器的默认行为。

关于全语言生效

上面用到的textMateRules作用域是通用语法规则,大部分主流编程语言(JavaScript、Java、Python、C++等)的分号和大括号都会匹配这些作用域,所以配置后能对所有语言生效。

内容的提问来源于stack exchange,提问作者Shub

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.17 19:03:15