You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code中能否修改代码粗体字重?

修改VS Code中粗体字重的方法

可以通过两种方式实现自定义粗体字重:

1. 用自定义CSS覆盖样式

VS Code支持通过自定义CSS调整编辑器样式,步骤如下:

  • 打开设置面板,搜索workbench.settings.editor,将设置编辑器切换为JSON格式
  • 在settings.json中添加配置,启用自定义CSS加载:
    "vscode_custom_css.imports": [
      "file:///你的本地路径/custom.css"
    ],
    "vscode_custom_css.policy": true
    
  • 创建custom.css文件,写入以下代码(把600替换成你需要的字重数值,比如700、800):
    /* 覆盖所有语法高亮的粗体元素 */
    .mtk1.bold, .mtk2.bold, .mtk3.bold,
    /* 针对类名、函数名等特定词法单元 */
    .token.class-name, .token.function,
    .bold {
      font-weight: 600 !important;
    }
    
  • 重启VS Code后,自定义粗体字重即可生效

2. 修改主题的语法高亮配置

如果你使用的是可编辑的自定义主题,直接修改主题配置即可:

  • 找到主题所在的扩展目录(通常在~/.vscode/extensions/主题名称下),打开package.json
  • 在contributes.configuration.tokenColors中,找到对应类名、函数名的规则,添加或修改fontWeight属性:
    {
      "scope": "entity.name.class",
      "settings": {
        "fontWeight": "600"
      }
    }
    
  • 保存配置并重启VS Code,新的粗体字重就会应用到对应词法单元上

注意:第一种方法需要先安装vscode-custom-css插件;如果是官方主题,建议复制一份后再修改配置,避免更新主题时丢失自定义设置。

内容的提问来源于stack exchange,提问作者Dante

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.25 04:12:32