Agents窗口专属紧凑模式通过命令面板执行“Agents: Toggle Compact Mode”启用,仅作用于Agents面板;常规面板紧凑需调window.zoomLevel,editor.fontSize仅影响代码区字体。

VS Code 的界面“紧凑”不是靠调 editor.fontSize 或瞎按快捷键实现的,它分两种完全不同的场景:一种是针对整个工作台 UI(侧边栏、状态栏、菜单等)的全局密度控制,另一种是专为 Agents 窗口设计的独立紧凑模式。搞混这两者,就会出现“调了缩放但 Agents 面板还是松垮”或“改了字体却压不扁资源管理器”的情况。
如何启用 Agents 窗口专属紧凑模式
这个功能是 2026 年 10 月刚上线的,只作用于 Agents 面板本身,和编辑器、其他面板互不干扰。
- 打开命令面板:
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS) - 输入并选择:
Agents: Toggle Compact Mode - 或者直接在
Agents窗口右上角点击齿轮图标 → 勾选Compact Layout - 生效后标题栏从 44px 缩至 35px,面板间缝隙归零,但分隔线和标签轮廓仍清晰可辨
注意:window.zoomLevel 对该模式无影响;它也不受 workbench.layoutControl 或主题 CSS 干扰——这是 VS Code 内置的原生密度开关。
怎么让资源管理器、搜索、终端等常规面板变紧凑
这类面板没有单独的“紧凑开关”,只能通过 window.zoomLevel 整体缩放,但缩放值不是越大越好。
-
window.zoomLevel是整数优先:设为-1(≈71%)、0(100%)、1(≈120%)最稳定;小数如0.3在 Linux/Wayland 下可能失效 - 修改后无需重启,保存即刻生效(部分旧版 macOS 需重开窗口)
- 已打开的集成终端不会响应变更,必须新建一个标签页(
Ctrl+Shift+`)才能看到效果 - 如果项目根目录下有
.vscode/settings.json,它会覆盖用户级设置,务必检查里面是否硬编码了window.zoomLevel
为什么调了 editor.fontSize 却发现菜单栏没变小
因为 editor.fontSize 只管代码区文字大小,和菜单栏、活动栏、状态栏、命令面板这些 UI 元素完全无关——它们走的是另一条通路。
- 所有非编辑区 UI 元素(包括顶部菜单栏、左侧文件树、底部状态栏)统一由
window.zoomLevel控制 - 终端字体则由
terminal.integrated.fontSize单独控制,和editor.fontSize也解耦 - Windows/Linux 原生菜单栏(非自定义标题栏)根本不受 VS Code 设置影响,得靠系统 DPI 设置
- 如果你在高 DPI 多屏环境(比如 1080p 笔记本接 4K 显示器),
window.zoomLevel是全局值,无法自动切换,副屏显示过小只能手动调高并重启
真正容易被忽略的点是:Agents 窗口的紧凑模式是唯一一个能“局部收紧”而不影响其他区域的机制;其余所有面板的“紧凑”,本质都是缩放,缩得过狠会导致图标裁切、文字发虚、分隔线消失——这不是配置错了,是 Electron 渲染层的物理限制。


















