如何仅修改VS Code中注释的字体大小?
仅修改VS Code注释字体大小的方法
VS Code原生的editor.tokenColorCustomizations配置确实不支持单独设置注释的字体大小——这个配置仅负责文本颜色和字体样式(如斜体、粗体),要实现单独调整注释字号,有两种可行方案:
方案一:使用Custom CSS and JS Loader扩展
这是最安全且易维护的方式,步骤如下:
- 安装VS Code扩展 Custom CSS and JS Loader
- 在本地创建一个自定义CSS文件(比如
custom-vscode.css),添加以下内容:
/* 调整注释字体大小,可自行修改数值 */ .monaco-editor .comment { font-size: 14px !important; }
- 打开VS Code的
settings.json,添加以下配置:
"vscode_custom_css.imports": [ "file:///你的自定义CSS文件绝对路径" ], "vscode_custom_css.policy": true
- 按下
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac),执行命令 Reload Custom CSS and JS,重启VS Code后生效。
方案二:修改VS Code内部样式(不推荐)
这种方法直接修改VS Code的核心CSS文件,缺点是VS Code更新后会被覆盖,需要重新修改:
- 找到VS Code的安装目录,进入
resources/app/out/vs/workbench文件夹,找到workbench.css文件 - 在文件末尾添加以下样式:
.monaco-editor .comment { font-size: 14px !important; }
- 保存文件后重启VS Code即可生效。
内容的提问来源于stack exchange,提问作者Shakil Ahmed
相关产品推荐
相关产品推荐

