不知道你有没有用过VS Code Agents的网格布局,一打开就是经典三分屏:左边AI会话聊天框、中间代码编辑器、右边文件树辅助栏。
屏幕本来就不大,三块区域一分,代码阅读区直接被挤成一条窄缝。就像我这张截图,让Agent生成一段Go Hello World代码,左边是对话记录,右边挂着文件树,中间代码行短短一截,读代码、看变更Diff的时候,视线来回躲闪,体验很难受。
旧版本遇到这种情况,想腾出更多空间给代码,操作一点都不优雅。只能回到vscode编辑器的模式
而 vscode痛点也注意到了这个问题,新版vscode就是专门解决这个布局痛点的。
VS Code 在Agents窗口编辑器标题栏上新增了一个放大按钮
默认快捷键是ctrl alt e,效果如下
vscode还提供了隐藏右边辅助栏的经i话控制,也叫次级侧边栏
这个辅助栏,放的就是文件树这类面板,也就是截图右侧展示main.go、html、md文件的区域。
实际开发场景价值
平时用Agents写代码,很多场景都需要临时隐藏文件树:
- 查看AI生成代码的变更Diff;
- 阅读长代码文件,不想被文件列表干扰;
- 小屏笔记本开发,屏幕空间寸土寸金。
不用记忆快捷键,不用翻菜单,鼠标点一下,随时切换沉浸式代码视图。
小结
看似只是一个小小的箭头按钮,本质是优化Agents的使用流。
Agents主打AI辅助编码,核心是把注意力放在代码本身。如果开发者要花精力反复调整UI布局,再好的AI能力也会被削弱。
这个小升级,让我们不用再为屏幕空间发愁,随时一键切换布局,专注看AI产出的代码。