VS Code Agents：三栏挤成夹缝？教你一键折叠侧边栏，代码区直接拉满

不知道你有没有用过VS Code Agents的网格布局，一打开就是经典三分屏：左边AI会话聊天框、中间代码编辑器、右边文件树辅助栏。

屏幕本来就不大，三块区域一分，代码阅读区直接被挤成一条窄缝。就像我这张截图，让Agent生成一段Go Hello World代码，左边是对话记录，右边挂着文件树，中间代码行短短一截，读代码、看变更Diff的时候，视线来回躲闪，体验很难受。

旧版本遇到这种情况，想腾出更多空间给代码，操作一点都不优雅。只能回到vscode编辑器的模式

而 vscode痛点也注意到了这个问题，新版vscode就是专门解决这个布局痛点的。

VS Code 在Agents窗口编辑器标题栏上新增了一个放大按钮

vscode还提供了隐藏右边辅助栏的经i话控制，也叫次级侧边栏

这个辅助栏，放的就是文件树这类面板，也就是截图右侧展示main.go、html、md文件的区域。

实际开发场景价值

平时用Agents写代码，很多场景都需要临时隐藏文件树：

• 查看AI生成代码的变更Diff；
• 阅读长代码文件，不想被文件列表干扰；
• 小屏笔记本开发，屏幕空间寸土寸金。

不用记忆快捷键，不用翻菜单，鼠标点一下，随时切换沉浸式代码视图。

小结

看似只是一个小小的箭头按钮，本质是优化Agents的使用流。 Agents主打AI辅助编码，核心是把注意力放在代码本身。如果开发者要花精力反复调整UI布局，再好的AI能力也会被削弱。 这个小升级，让我们不用再为屏幕空间发愁，随时一键切换布局，专注看AI产出的代码。