VS Code缩放分编辑器文本缩放和UI缩放两部分:前者通过Ctrl+/−/0或"editor.fontSize"调整代码字体大小,后者通过"window.zoomLevel"等比缩放菜单、侧边栏等所有界面元素,推荐优先设置zoomLevel适配屏幕再微调fontSize。

VS Code 的缩放分为两部分:编辑器文本缩放(代码字体大小)和整个 UI 缩放(菜单、侧边栏、标题栏等)。两者独立控制,需分别设置。
调整编辑器文本缩放级别
只改变代码、终端、输出面板等编辑区域的字体大小,不影响菜单或图标大小。
- 快捷键:Ctrl + 加号(+) 放大,Ctrl + 减号(−) 缩小,Ctrl + 0 重置为默认
- 也可通过菜单操作:顶部 查看 → 缩放 → 放大/缩小/重置
- 若想永久生效,修改设置:
"editor.fontSize": 14(数值单位为像素),在设置 JSON 中添加或修改该字段
调整整个 UI 的缩放比例
让侧边栏、活动栏、标题栏、弹窗等所有界面元素等比放大或缩小,适合高分屏或视力需求。
- 设置项为 zoomLevel,值为整数,默认是
0(100%);每增加 1,放大约 20%;每减少 1,缩小约 17% - 例如:
"window.zoomLevel": 1≈ 120%,"window.zoomLevel": -2≈ 69% - 推荐优先用这个值适配屏幕,再微调
editor.fontSize保证代码可读性
高 DPI 屏幕的特别提示
Windows/macOS 系统本身已有缩放设置(如 Windows 显示设置中设为 125% 或 150%),VS Code 会自动继承。此时再设 window.zoomLevel 是叠加效果。
- 如果 UI 显得模糊,先检查系统缩放是否启用——关闭系统缩放后 VS Code 清晰度常有明显提升
- macOS 用户还可尝试启用原生渲染:
"window.nativeTabs": false和"window.titleBarStyle": "native"可能改善显示
快速重置所有缩放
当缩放混乱时,最稳妥的方式是清空相关设置并重启:
- 打开设置(Ctrl+,),搜索
zoom,把window.zoomLevel和editor.fontSize恢复默认值或删掉自定义项 - 或者直接编辑 settings.json,删除含
zoomLevel和fontSize的行 - 保存后重启 VS Code,缩放即恢复出厂状态
基本上就这些。编辑器缩放和 UI 缩放分开调,逻辑清晰,也不复杂但容易忽略区别。










