如何在VS Code中修改代码特定部分的字体大小？

架构老林

2026-5-28

在VS Code中调整特定代码片段的字体大小

当然可以实现！VS Code提供了比Notepad++更灵活的自定义方式，通过配置文本语法规则（Text Mate Rules），就能精准调整特定代码片段的字体大小，比如你提到的<p>标签和Markdown粗体文本。下面是具体操作步骤：

打开VS Code设置界面：按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）快捷键，或者点击左下角的齿轮图标选择「设置」。
搜索「Editor: Token Color Customizations」，找到后点击「编辑 in settings.json」选项，进入配置文件编辑界面。
在settings.json中添加自定义规则，针对目标文本设置字体大小：

"editor.tokenColorCustomizations": {
    "textMateRules": [
        // 调整HTML中<p>标签的字体大小为9px
        {
            "scope": "meta.tag.p.html",
            "settings": {
                "fontSize": 9
            }
        },
        // 调整Markdown中粗体文本的字体大小为15px
        {
            "scope": "markup.bold.markdown",
            "settings": {
                "fontSize": 15
            }
        }
    ]
}

关键说明：

Scope的精准匹配：scope字段对应代码的语法范围，比如meta.tag.p.html专门匹配HTML的<p>标签，markup.bold.markdown匹配Markdown中用**包裹的粗体文本。如果找不到准确的scope，可以通过「Inspect Editor Tokens and Scopes」工具查询：按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），搜索该命令后点击目标文本，就能看到对应的语法层级。
全局/工作区配置：上述设置是全局生效的，如果只想在当前项目中生效，可将配置写入工作区的.vscode/settings.json文件中。
字体单位：fontSize的值直接写数字即可，单位为像素（px）。