VSCode TypeScript语法高亮中区分type与class的token名称是什么？

不需要使用TODO Highlight插件，该插件仅用于高亮TODO、FIXME类注释标记，和TypeScript语法元素的高亮调整无关，VSCode原生的文本Mate着色规则即可实现需求。

对应token名称 #

• class类声明的对应scope token：entity.name.type.class.ts
• type类型别名声明的对应scope token：entity.name.type.alias.ts

配置示例 #

你可以在VSCode的settings.json文件中添加如下规则自定义两者的显示样式：

{
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "entity.name.type.class.ts",
        "settings": {
          "foreground": "#569CD6", // 自定义class的前景色
          "fontStyle": "bold" // 可选：调整字重、斜体等样式
        }
      },
      {
        "scope": "entity.name.type.alias.ts",
        "settings": {
          "foreground": "#4EC9B0", // 自定义type别名的前景色
          "fontStyle": "italic"
        }
      }
    ]
  }
}

如果后续需要调整其他TS语法元素的高亮，可通过命令面板执行「Developer: Inspect Editor Tokens and Scopes」，点击对应代码元素即可获取它的scope token值，自行修改规则即可。

内容的提问来源于stack exchange，提问作者lmonninger