如何隐藏或折叠 VSC 中的所有 javascript console.log 行

Question

大量的日志记录对我来说非常有帮助。

然而，有时我想通过隐藏、折叠或减少javascript、Vue、React 等中的console.log、console.warn和行字体的不透明度来暂时减少在 VSC 中编辑的代码的混乱。console.error

我怎样才能实现我的目标？

我希望有某种方法可以轻松地打开/关闭该功能。

Answer 1

非常感谢@rioV8，他给我指出了答案。

当使用扩展Highlight时，这似乎对我有用：

"highlight.regexes": {
    "(console\\.(log|warn|error)\\(.+\\)[;]?)": {
        "regexFlags": "g",
        "decorations": [
          { "opacity": "0.1" }
        ]
      }
}

为了确定我想要使用什么正则表达式，我在https://www.regexpal.com中编写了这些测试用例：

console.log('asdfdsf')
console.log({some})
console.log({some});
console.error('error', msg);
console.warn('careful', thing)

并且(console\.(log|warn|error)\(.+\)[;]?)工作了。然后我需要\在每个之前添加一个额外的内容\以满足 VSC 设置 JSON 文件。

现在我的 VSC 看起来像这样：