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

如何修改VS Code中Explorer窗口(左侧文件面板)的字体?

修改VS Code左侧Explorer面板字体的方法

当然可以调整VS Code左侧那个显示工作目录的Explorer面板字体啦!下面给你两种实用方法,按需选就行:

方法一:可视化设置界面操作(小白友好)

  • 打开VS Code,点击左下角的齿轮图标,选择「Settings」;或者直接按快捷键Ctrl+,(Windows/Linux)/Cmd+,(Mac)快速打开设置
  • 在顶部的搜索框里输入explorer font,很快就能找到「Explorer: Font Family」(字体家族)和「Explorer: Font Size」(字体大小)这两个核心选项
  • 点击「Explorer: Font Family」的输入框,填入你想用的字体名称,比如"Consolas, 'Courier New', monospace"(多个字体用逗号分隔,作为备选 fallback);字体大小直接输入数字,比如14
  • 输入完之后,Explorer面板的字体立刻就会更新,不用重启VS Code哦

方法二:手动编辑配置文件(更灵活)

如果你习惯直接改配置,或者想要调整字体粗细这类进阶选项,可以这么做:

  • 按快捷键Ctrl+Shift+P(Windows/Linux)/Cmd+Shift+P(Mac)打开命令面板,输入Preferences: Open Settings (JSON)并回车
  • 在打开的settings.json文件中,添加或修改以下配置项:
// 设置Explorer面板的字体
"explorer.fontFamily": "Consolas, 'Microsoft YaHei', monospace",
// 设置字体大小
"explorer.fontSize": 14,
// 可选:设置字体粗细,数值范围100-900,默认是400
"explorer.fontWeight": "500"
  • 保存文件,VS Code会自动应用这些更改,效果马上就能看到

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.13 07:38:05