如何修改Visual Studio Code中<>标签的颜色（Tokyo Night Storm主题）

步骤1：确定尖括号对应的语法作用域 #

1. 打开VS Code，按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板
2. 搜索并选择「Inspect Editor Tokens and Scopes」
3. 将鼠标悬停在要修改的尖括号上，查看弹出面板里的「Scope」字段（比如HTML文件里的尖括号通常对应punctuation.definition.tag.html，JSX文件则可能是punctuation.definition.tag.jsx）

步骤2：在settings.json中配置自定义颜色 #

1. 按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开设置面板，点击右上角的{}图标进入JSON编辑模式
2. 添加以下配置（替换成你查到的Scope和想要的深紫色十六进制值，示例用的是深靛紫色#6366f1）：

"editor.tokenColorCustomizations": {
    "[Tokyo Night Storm]": {
        "textMateRules": [
            {
                "scope": "punctuation.definition.tag.html", // 替换为你查到的作用域
                "settings": {
                    "foreground": "#6366f1" // 替换为你想要的深紫色值
                }
            }
        ]
    }
}

3. 保存settings.json，尖括号颜色会立即生效

如果你的尖括号属于其他语言（比如Vue、XML），重复步骤1找到对应的Scope，在textMateRules里新增一条配置即可。

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