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

如何在VS Code中单独修改代码注释的背景颜色?

结论

完全可以实现,无需安装第三方插件,通过VS Code原生的语法令牌自定义配置就能单独给代码注释设置独立背景色,实现常驻高亮醒目的效果。

操作步骤
  • 打开用户自定义配置JSON文件
    按下快捷键Ctrl+Shift+P(macOS系统按Cmd+Shift+P)调出命令面板,输入Preferences: Open User Settings (JSON)后回车,即可打开全局配置文件。
  • 添加注释样式自定义规则
    在打开的JSON配置文件中,添加如下配置项即可全局生效:
"editor.tokenColorCustomizations": {
    "*": {
        "comments": {
            "background": "#eef7d0",
            "foreground": "#3d6b1f",
            "fontStyle": "italic"
        }
    }
}

配置字段说明:

  • *代表规则对所有已安装的编辑器主题生效,如果你只想让规则在某一个特定主题下生效,把*替换成对应主题的ID即可。
  • background字段是注释的背景色值,建议选低饱和度的浅色调,既醒目又不会长时间看觉得刺眼;foreground是注释文字颜色,fontStyle是注释的字体样式,三个字段都可以根据自己的视觉习惯自定义调整,不需要的字段直接删除即可。
常见拓展配置
  • 如果你的配置文件中已经存在editor.tokenColorCustomizations项,不要重复新建该项,直接把comments相关的配置合并到已有项内部即可,避免覆盖之前设置的其他语法高亮规则。
  • 如果需要只给特定编程语言的注释设置独立背景,可以通过languageSpecific字段配置,以仅对Python文件生效为例:
"editor.tokenColorCustomizations": {
    "*": {
        "languageSpecific": {
            "python": {
                "comments": {
                    "background": "#fff1cc"
                }
            }
        }
    }
}
  • 配置修改完成后保存JSON文件,效果会即时生效,不需要重启VS Code。

你之前搜索到的教程大多是修改编辑器整体背景,是因为这类教程只介绍了修改全局UI颜色的workbench.colorCustomizations配置;针对代码片段内的特定语法元素(注释、关键字、字符串等)做样式调整,需要使用语法令牌对应的editor.tokenColorCustomizations配置,和完整版Visual Studio中的语法样式自定义逻辑一致。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.30 14:21:21