现代UI

VS Code 这次没重做 UI：它把 Agents 窗口那套设计系统搬回了编辑器 原文：Modernizing the VS Code UI 作者：Lee Murray（VS Code 团队；具体职位未在博客中注明） 来源：Visual Studio Code Blog，发布于 2026 年 10 月 15 日 我读 Lee Murray 在 2026 年 10 月 15 日发布的《Modernizing the VS Code UI》，先找的是改版目的。官方给出的方向很明确：理清十余年累积的界面层级、减少干扰，用同一套设计基础承接手动编辑和 AI 智能体（agent）会话，同时保留信息密度、定制能力和熟悉的操作习惯。【关键词：#VSCode #现代UI #Agents】 顺着这个目的，我更关心的是：这套设计为什么先在 Agents 窗口落地，搬回编辑器后，又为老用户改了什么。下文依据博客发布时的预览状态解读，设置建议未经本地实测。 01｜我先分清：这次改的是哪一层 我先看了博客里的时间线：2015 年首发预览，2016 年加入编辑器标签页，2019 年更新树状控件，2023 年推出 Dark Modern / Light Modern 主题。今天看着理所当然的界面，其实是一块块加上来的。 原文把这种演进叫作逐个组件推进。工作台（workbench，也就是包围代码区的导航、面板、标签等界面）里的各个部分，未必遵循同一套间距、字号和控件规则。我把它理解成一间不断添家具的书房：每件家具单看都能用，放在一起，尺寸和动线却未必协调。 我理解这次改版的边界是：保留文件编辑方式，改造工作台外壳。 密集的文件导航、多编辑器分组和已有操作习惯，都要继续照顾。沿着原文，我把推进过程串成三步： 颜色先动：以 Dark 2026 / Light 2026 两个新主题为起点，一起考虑工作台配色和代码语法高亮。 共享设计系统在 Agents 窗口里跑通：这个窗口在 2026 年早些时候进入 Stable（稳定版），当时仍是 Preview（预览功能）。它围绕发起智能体会话、跟踪进度、检查结果组织界面，为统一间距、字号、界面底色和控件规则提供了落地场景。 把同一套规则铺到编辑器外壳：活动栏（Activity Bar）、侧边栏、编辑器组、面板、标签、状态栏，成为应用共享规则的区域。 读到这里，我才把 Agents 窗口和这次改版连起来：直接编辑文件时，重点是快速找文件、切分组；委托智能体做事时，重点是看会话状态、下一步动作和修改结果。两种工作流需要不同布局，但字体、间距、颜色和控件可以共用一套规则。Agents 窗口是实验室，编辑器外壳是推广地，并不意味着要把编辑器也摆成一个聊天窗口。 ...