如何修改VSCode中关键字的字体粗细

解决方案 #

你之前的配置不生效是因为keywords是通用粗分组，多数自定义主题不会将class、extends这类语义化关键字归类到该分组下，而是用更细分的TextMate作用域单独配置样式，需要精准定位作用域后覆盖配置即可，操作步骤如下：

1. 先确认你当前使用的主题名称和配置中[Darcula Theme from IntelliJ]的拼写、空格、大小写完全一致
2. 定位关键字的专属作用域：
   • 打开代码文件，将光标移动到显示为粗体的class/extends关键字上
   • 按下Ctrl+Shift+P（Mac系统按Cmd+Shift+P）唤起命令面板，搜索并执行「Developer: Inspect Editor Tokens and Scopes」
   • 在弹出的检查面板中找到textmate scopes栏，最顶部的条目就是当前关键字的专属作用域，比如JS场景下class的作用域通常是storage.type.class.js
3. 替换原有tokenColorCustomizations配置，使用精准作用域覆盖样式：

"editor.tokenColorCustomizations": {
  "[Darcula Theme from IntelliJ]": {
    "textMateRules": [
      {
        "scope": [
          // 此处替换为你自己查到的所有需要取消粗体的作用域
          "storage.type.class",
          "storage.modifier.extends",
          "keyword.control.flow",
          "storage.type.function"
        ],
        "settings": {
          "fontStyle": "normal"
        }
      }
    ]
  }
}

4. 保存配置后重启VSCode即可生效

注：editor.fontWeight是全局编辑器字体粗细配置，无法覆盖主题针对单个token单独设置的fontStyle: bold样式，所以必须通过上述textMate规则覆盖。

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