typescript - VSCode Typescript 语法高亮中类型的标记名称是什么？

Question

我想更改 VSCode 语法突出显示的样式，以便区分类型和类。

class Thing; // should be one color
type ThingT; // should be another color

我需要指定的令牌名称是什么？我需要TODO Highlight吗？

标签： typescriptvisual-studio-codevscode-settingssyntax-highlighting

Answer 1

class使用范围的前景色entity.name.type.class.ts。type使用entity.name.type.alias.ts.

更新：如果在 中覆盖settings.json，请使用：

"editor.semanticTokenColorCustomizations": {
    "enabled": true,
    "rules": {
        "type": {
            "foreground": "#ff0000" // color here
        }
    }
}

---

Developer: Inspect Editor Tokens and Scopes仅供参考，您可以使用命令查看范围。例如，我为我的 TypeScript 类得到了这个：

语	typescript
标准令牌类型	Other
前景	#FFCB6B
背景	#0F0F0F
对比度	12.78
---	---
文本伴侣范围	entity.name.type.class.ts meta.class.ts source.ts
前景	entity.name.type.class { "foreground": "#FFCB6B" }

您还可以使用以下Developer: Generate Color Theme From Current Settings命令：