VS Code Agents 三欄擠成夾縫？教你一鍵收起側邊欄，擴大程式碼區

2026-10-25 5

版权

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： VS Code Agents新版优化三分屏布局：编辑器标题栏新增放大按钮（Ctrl+Alt+E），一键隐藏右侧文件树，释放代码区空间；支持快速切换沉浸式编码视图，提升小屏开发体验，让AI生成代码更易读、更高效。（239字）

不知道你有没有用过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产出的代码。