【VsCode修改侧边栏字体大小——用缩放的方法】

最新推荐文章于 2026-02-14 00:26:33 发布

原创最新推荐文章于 2026-02-14 00:26:33 发布 · 1.1w 阅读

32 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

文章介绍了如何使用VsCode的缩放功能调整界面及侧边栏字体大小，以及在Settings中修改TextEditor的字号。通过View->Appearance进行界面缩放，然后在Settings中设置TextEditor的FontSize来定制代码区域的字体尺寸。

VsCode修改侧边栏字体大小——用缩放的方法

缩放界面字体百分比（包括编辑器界面）
- 1、Vscode界面缩放
- 2、Text Editor字体大小调节

缩放界面字体百分比（包括编辑器界面）

如果只修改文本编辑区的字体大小，可以在File -> Preferences -> Settings 中修改font的大小。但是侧边栏的字体不会改变，所以可以使用缩放的方法先修改整个界面的字体大小，再单独修改Text Editor字体。

1、Vscode界面缩放

放大：View -> Appearance -> Zoom in（快捷键Ctrl + =）
缩小：View -> Appearance -> Zoom out（快捷键Ctrl + -）
侧边栏字体调整到合适大小后，可以按下一步调整代码区字体大小。

2、Text Editor字体大小调节

打开设置界面：File -> Preferences -> Settings
设置界面中：Text Editor -> Font -> Font Size
修改字号即可。

标签

#vscode #ide #编辑器

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Refine_Li

关注关注

31
点赞
踩
32

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

VS Code 调整界面及代码字体大小！

weixin_40388758的博客

05-08

943

摘要：VSCode中可通过两种方式调整字体大小：1)整体缩放：使用Ctrl/Cmd+加号/减号统一调整界面大小；2)单独设置：在设置中搜索"editor.fontSize"修改编辑器字体，或通过配置文件调整侧边栏字号。方法一适合快速全局调整，方法二可精准修改特定区域字体大小。

VSCode常用设置及快捷键（放大/缩小字体、切换全屏、跳转指定行数、返回上一次位置、隐藏 /显示导航、注释代码）

程序员，他们想的是什么?他们想的永远都是技术，他们崇尚的也永远都是技术。

12-31

1万+

—状态栏：文件=> 首选项 => 文件图标主题（或者点击左下角设置符号弹出来选项框）——状态栏：文件=> 首选项 => 颜色主题（或者点击左下角设置符号弹出来选项框）——2）“Ctrl+K” +“Z” => 切换至全屏模式（禅宗模式）有利于集中注意力开发。——7）“Ctrl + Shift + Y " => 显示/隐藏底部控制台。——3）“Ctrl + +” => 放大编辑器页面字体。——6）“Ctrl + S" => 文件保存。——或者左下角：设置=> 文件图标主题。

参与评论您还未登录，请先登录后发表或查看评论

VsCode修改侧边栏字体大小——用缩放的方法

m0_58580098的博客

10-16

8324

但是侧边栏的字体不会改变，所以可以使用缩放的方法先修改整个界面的字体大小，再单独修改Text Editor字体。缩小：View -> Appearance -> Zoom out（快捷键Ctrl + -）放大：View -> Appearance -> Zoom in（快捷键Ctrl + =）打开设置界面：File -> Preferences -> Settings。设置界面中：Text Editor -> Font -> Font Size。如果只修改文本编辑区的字体大小，可以在File ->

vscode编辑器工具栏字体大小调整

Irene1991的博客

12-05

2592

VSCode工具栏字体大小调整方法包括：1）通过设置界面缩放级别（推荐）；2）使用快捷键Ctrl/Cmd++/-快速缩放；3）在settings.json中设置特定UI元素字体；4）使用CustomCSS扩展自定义CSS样式；5）单独调整编辑器字体。注意事项：缩放影响所有UI元素，某些主题可能覆盖设置，修改后可能需要重启。推荐优先使用整体缩放方法，如需精细调整再考虑其他方案。

VSCode缩放代码区 字体大小（3种方法）

程序员，他们想的是什么?他们想的永远都是技术，他们崇尚的也永远都是技术。

08-15

3537

本文介绍了三种调整代码区字体大小的方法：1）通过固定值修改字体大小，但灵活性较差；2）启用"editor.mouseWheelZoom"设置后，用Ctrl+滚轮自由缩放；3）使用快捷键Ctrl++/-快速放大缩小字体。其中第二种方法通过修改设置文件实现鼠标滚轮控制，操作最为便捷灵活。

VS Code字体设置指南：个性化你的代码编辑器

DpgrMl的博客

10-03

1万+

在打开的设置文件中，你可以看到一个名为“editor.fontFamily”的属性，它定义了代码字体的样式。此外，你还可以在设置文件中添加其他字体相关的属性，如“editor.fontSize”（字体大小）和“editor.fontWeight”（字体粗细）来自定义更多字体样式。如果你对字体样式有更高级的要求，可以点击“编辑器: 字体样式”选项下方的“编辑 settings.json”链接，以打开设置文件并进行自定义。在设置面板的搜索框中输入“字体”，然后点击搜索结果中的“编辑器: 字体”选项。

VSCode：修改左侧窗口字体大小

OceanStar的博客

11-16

1万+

PS:某些版本该目录下是workbench.main.css，而有些版本是workbench.main.desktop.css【VSCodeSetup-x64-1.40.1版本安装程序】，其修改都一样。

vs code 设置导航栏、侧边栏字体大小

jjw_zyfx的博客

11-17

2429

vs code 设置导航栏、侧边栏字体大小

VSCode修改侧边栏以及代码字体大小

edward_zcl的博客

04-13

4116

的字体不会改变，所以可以使用缩放的方法先修改整个界面的字体大小，再单独修改Text Editor字体。缩小：View -> Appearance -> Zoom out（快捷键Ctrl + -）放大：View -> Appearance -> Zoom in（快捷键Ctrl + =）设置界面中：Text Editor -> Font -> Font Size。打开设置界面：File -> Preferences -> Settings。-> Settings 中修改font的大小。

VSCode 侧边栏字太小？超简单两步调舒服！

musk1212的博客

09-17

1160

摘要：VSCode左边栏字体太小导致眼睛疲劳？只需两步调整：1）通过快捷键Ctrl+Shift+P打开配置文件，2）在settings.json中添加"editor.fontSize"和"window.zoomLevel"两行代码，分别控制编辑器字体和界面缩放比例。建议编辑器字体设为16-20，缩放值设为1.5-3.0，保存后立即生效。这样能同时改善代码区和边栏的可读性。（98字）

vscode设置侧边栏字体大小

Haines

07-06

1566

vscode设置侧边栏字体大小

别再用Ctrl+滚轮了！VSCode字体缩放的正确姿势：区分全局缩放vs代码区缩放（附配置截图）

quiet的专栏

02-13

188

本文详细解析了VSCode中全局缩放与代码区字体缩放的区别与正确使用方法，帮助开发者提升编码效率和视觉舒适度。通过配置鼠标滚轮实时缩放、自定义快捷键绑定和固定字体大小三种方案，实现精准控制字体大小，避免界面元素错位问题。

Linux虚拟机中的vscode编辑器字体太小怎么解决

m0_73139998的博客

03-01

1356

在 Linux 虚拟机中使用 Visual Studio Code (VSCode) 时，如果编辑器字体太小，可能是由于虚拟机分辨率设置、VSCode 配置或系统缩放问题导致的。

VSCODE（三）用户界面

Fishfishfishfishcat

12-10

9533

一、设置 1.1 用户设置和工作区设置用户设置（User Setting）: 所有VSCODE实例都有效的设置；工作区设置（Workspace Setting）:当前工作区有效的设置。工作区设置可以上传到服务器上方便所有成员共享。 1.2 打开设置 VSCODE有途径进行VSCODE设置，分别是JSON和UI方式。那么如何打开JSON或UI进行设置呢？菜单栏选取。FIle-Preference-Settings(Linux)；Code-Preference-Settings(Mac)；命令面板搜索。

VSCode代码区字体缩放全攻略：从基础设置到高级快捷键