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

