如何更改运行和调试面板中Variables的字体大小

方法一：使用内置设置（简便通用） #

VS Code的workbench.tree.fontSize设置可控制所有侧边栏树状视图的字体大小，调试面板的Variables属于树状结构，因此该设置会生效：

1. 打开设置界面（快捷键：Ctrl+, / Cmd+,）
2. 在搜索框输入 workbench.tree.fontSize
3. 设置你需要的字号（比如16），保存即可

注意：该设置会同时改变文件资源管理器等其他侧边栏树组件的字体大小，如果只需要单独调整Variables区域，可使用方法二。

方法二：自定义CSS单独调整Variables字体 #

如果只想修改Variables区域的字体大小，需要借助自定义样式：

1. 安装扩展 Custom CSS and JS Loader
2. 在本地创建一个CSS文件（比如vscode-custom.css），添加以下内容：

/* 仅调整调试面板Variables区域字体 */
.debug-var-tree {
    font-size: 16px !important; /* 替换为目标字号 */
}

3. 回到VS Code设置，添加以下配置（替换为你的CSS文件实际路径）：

"vscode_custom_css.imports": [
    "file:///你的文件路径/vscode-custom.css"
],
"vscode_custom_css.policy": true

4. 重启VS Code，弹出"Install Custom CSS"提示时点击"Install"完成应用

内容的提问来源于stack exchange，提问作者Fangting