typescript - 是否可以在 vscode 中调暗打字稿类型注释？

Question

我目前正在阅读 vscode 中的一堆打字稿代码，并且根据我的口味，类型注释语法突出显示与代码相同使得更难浏览。

我一直在尝试使用 vscode.settings 调整语法荧光笔以使类型注释变暗（甚至变灰），但运气不佳。

是否有可能实现如附图所示的更改，还是我只是在浪费时间？

@emeraldsanto 建议了这个（修改为仅适用于所有主题）

"editor.tokenColorCustomizations": {
  "types": "#C0C0C0"
}

但这只是一半......对于嵌套类型有什么可以做的吗？

{edit 2} 实际上它离我想要的位置很远，因为这会使所有类型变灰，甚至像new Promise<>代码中的东西也会变灰。这不是可选的类型信息，而是关键代码:(

迄今为止，我设法做到的最好的方法是反过来看，并以粗体突出显示参数名称。

    "editor.semanticTokenColorCustomizations": {
        "rules": {
            "parameter.declaration": {
                "bold": true
            },
            "interface": "#C0C0C0"
        }
    }

我认为我的结论是，我真正想要的目前根本不可行。

标签： typescriptvisual-studio-codesyntax-highlighting

Answer 1

是的，您可以将以下内容添加到您的 VSCode 中settings.json：

"editor.tokenColorCustomizations": {
  "[Verdandi]": {
    "types": "#C0C0C0"
  }
},

您将需要替换Verdandi为当前主题的名称。