企业官网建设流程全解析

你正在用 VS Code 的 Agents 窗口处理一个复杂的任务。屏幕上开了好几个面板：左边是会话列表，中间是对话，右边是辅助栏，底部还有输出面板。每一个面板之间都留着一道不大不小的缝隙，像是装修时忘了填的瓷砖缝。

你的屏幕是 1440×900，不算小，但也不宽裕。你想多看几行代码，想多塞一段对话历史，想把那个底部的输出面板往上提一提。可那些缝隙加起来，至少吃掉了一行半的高度。

你开始手动拖面板边界，一个接一个地调。调完左边，右边又不对了。调完右边，底部的又变形了。最后你放弃了，心想：“能用就行。”

能用，但不好用。

新特性来了：Agents 窗口的“紧凑模式”

VS Code 最近 给 Agents 窗口带来了独立的布局密度控制。

什么意思呢？简单说就是：你可以把 Agents 窗口的布局切到 Compact（紧凑模式），让所有面板紧密贴合，缝隙归零。

这个密度设置是独立于编辑器窗口的 Modern UI 设置的。你可以让 Agents 窗口用紧凑布局，同时保持编辑器窗口的默认布局不变。互不干扰，各玩各的。

下面来实际感受一下

以前是这样的

现在的默认是这样的

现在的紧凑模式是这样的

当你又多个聊天的时候，以前是这样的

现在是这样的

紧凑模式到底紧了多少？

根据 实测数据：

• 标题栏：默认模式 44px，紧凑模式35px。省出 9px，够多显示半行代码。
• 面板间隙：默认模式有浮动缝隙，紧凑模式0px 水平/垂直间隙，面板直接贴合。
• 面板分隔线：紧凑模式下，单个分隔线仍然可见，不会让你分不清哪个是哪个面板。
• 标签轮廓：连接标签的轮廓线保持连续，不会因为缝隙消失而断掉。
• 标签栏内边距：两种密度之间保持一致，不会因为切换密度导致标签栏突然变形。

紧凑模式不是简单粗暴地把所有东西挤在一起，而是精心调整了每一个间距、每一根线、每一个控件的位置，让“紧凑”看起来不像是“被压扁了”。

这个新特性最值得玩味的地方，是它独立于编辑器窗口的 Modern UI 设置。

VS Code 团队没有选择“一刀切”地让所有窗口共用同一个密度设置，而是让 Agents 窗口拥有自己的密度控制。原因很简单：Agents 窗口和编辑器窗口的使用场景不同。

编辑器窗口是你长时间盯着看的地方，需要舒适的视觉节奏。而 Agents 窗口是你用来管理任务、查看进度、和 AI 对话的地方，信息密度更重要——你想在一屏里看到更多东西，而不是看得更舒服。

所以vscode给了你选择权：编辑器窗口保持默认的宽松布局，Agents 窗口切到紧凑模式。两者互不影响，你可以根据自己的使用习惯分别设置。

它的设计思想很清晰：不同窗口有不同的使用场景，所以应该有不同的密度控制。编辑器窗口保持舒适，Agents 窗口追求效率。你可以同时拥有两者，不用二选一。

你依然可以用默认的宽松布局。但试过紧凑模式之后，你大概会想：我屏幕上的那些缝隙，到底浪费了我多少行代码？