如何在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
相关产品推荐
相关产品推荐

