VS Code 的 Agents窗口UI重大更新

简介: VS Code 1.141为Agents窗口新增独立“紧凑模式”:面板零间隙贴合、标题栏缩至35px,信息密度显著提升;该设置与编辑器Modern UI分离,兼顾编码舒适性与Agent任务管理效率。(239字)

你正在用 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 窗口追求效率。你可以同时拥有两者,不用二选一。

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

相关文章
|
14天前
|
人工智能 监控 IDE
Jetbrains 正式官宣:全新AI IDE正式发布!
JetBrains AIR 是全球首个AI原生IDE,定位为“智能体调度台”而非AI供应商。它不内置模型,而是通过ACP协议统一管理Codex、Copilot等第三方智能体,支持多任务并行、实时会话监控、一键子任务与Worktree开发,强调确定性、可审查性与开发者主权。(239字)
153 1
|
4月前
|
人工智能 开发工具 开发者
VS Code 用了 5 年的功能,Zed 1.6刚做出来就直接封神了
Zed编辑器v1.6推出提交历史分栏Diff切换功能:支持单栏流式与左右分栏双模式自由切换,直观对比代码变更,无需外接工具;深度集成Git面板,提升审查效率、降低理解成本,强化一站式开发体验。(239字)
443 1
|
3月前
|
人工智能 数据可视化 安全
Claude Code /config`完全指南:AI 编程调教术
Claude Code 的 `/config` 是其核心交互式设置面板,一键呼出即可管理模型、上下文、权限、编辑器、输出等全部配置。支持 Tab 导航、实时搜索、多层级配置文件,并新增 `--help` 快捷键与更直觉的 Enter/Space 切换逻辑,让 AI 编程体验真正个性化、高效化。(239字)
607 0
|
4月前
|
人工智能 前端开发 Shell
用完Zed之后,我发现了VS Code 和Zed的一个重大区别
作者尝试Zed等轻量编辑器后,发现VS Code真正的优势在于“工作流连续性”:自动恢复终端历史、工作目录、分屏布局与命令上下文,极大降低心智负担。这并非功能堆砌,而是将终端深度融入开发环境的状态管理——轻快易用与环境记忆之间,开发者终需权衡。(239字)
395 0
|
4月前
|
测试技术 数据安全/隐私保护
当我们谈代码的可维护性到底在谈说什么
这是一篇关于代码可维护性的深度实践指南:从“祖传屎山”的痛悟出发,用真实案例诠释命名、模块化、可测试性、一致性和简洁性五大核心;融合静态分析、自动化、Code Review等落地方法,揭示可维护性本质——不是追求完美,而是对时间、同事与未来的温柔负责。(239字)
326 1
|
5月前
|
IDE 前端开发 开发工具
Google 的 IDE 演进小史
本文回顾Google IDE演进史:从工程师各用所爱(Vim/Emacs/IntelliJ/VS Code),到因超大规模代码库(google3)催生云端IDE Cider,再升级为融合VS Code前端的Cider V。其核心不是统一工具,而是以云化语言服务重构开发体验,将IDE升维为连接代码库、构建、审查与AI的工程杠杆。
409 0
Google 的 IDE 演进小史
|
5月前
|
人工智能 IDE Shell
Zed IDE这个终端新功能,治好了我的窗口切换焦虑
Zed IDE近期发布多项重磅更新,尤其新增“New Center Terminal”功能,让终端可直接在编辑区并排打开,告别拖拽拼图式操作。本文详解其双终端模式、心流提升逻辑及开源协作精神,并展望AI驱动的智能终端未来。(239字)
488 2
|
5月前
|
算法 安全 程序员
这个主题绝了,转为程序员设计,VS Code完美配合。
这是一款专为开发者设计的VS Code荧光绿主题套件,含6种风格(如Midnight、Liquid Glass),兼顾护眼、降噪与审美。高亮关键字、柔化字符串、弱化注释,提升代码可读性;同步终端配色,消除视觉割裂。小改变,大心流——让眼睛更轻松,思维更专注。(239字)
575 1