前几天，我试用了一下前几个月vscode发布的现代化UI，发现vscode又对新UI做了很大的一个改进，叫连体标签页。
如果你打开VSCode的实验Modern UI，就会遇见connected tabs（连体标签页）。
之前modern ui和旧ui的最大区别就是：侧边栏和底部面板会变成带圆角和间隙的悬浮卡片样式，整体风格向新版 Agents 窗口看齐，视觉上更现代。
之前的样子
比如左上角的file explore就是一个大的方形的内嵌一个图标，而且界面各个部分分割线很细，之间的空间几乎没有
而新UI是这样
之前的方形，边角更加柔和，而且界面各个部分也有明显的间隔。
传统Classic（药丸）标签是什么样子？每一个文件标签都是独立的圆角药丸块。标签栏和下方代码编辑区域之间有一条清晰分割横线。视觉上，上面是一排按钮，下面才是编辑器，两块区域泾渭分明。
而connected‑tabs连体标签，设计目标就是消掉这一道割裂感。
标签栏不再是悬浮在编辑器上方的独立条带。标签与下方代码编辑画布连成一块完整的视觉表面，看上去整个编辑器分组是一张连续的面板。标签仿佛就是这块大面板最顶部的一部分，而不是贴上去的一排控件。
微软希望重塑编辑器整体观感，走向更一体化、更简洁的现代界面风格。老药丸标签是早年延续下来的UI范式，上下分割，层次感很强，但割裂感同样明显。在新的设计语言里面，编辑器分组应该是一个完整容器，顶部标签就是容器的上沿。
当窗口变窄，打开文件很多的时候，标签自动换行成多行。连体模式希望多行标签之间无缝衔接，整体依旧保持一块完整面板的观感，而不是好几排互相隔开的独立标签。
新版Agents聊天窗口同样使用连体式的头部。编辑器、AI会话窗口保持同一套视觉语言，整个IDE界面风格就可以统一。
如下是聊天的tab
侧边栏的tab
有意思的是，这次更新依然保留经典药丸标签模式给老用户选择。连体标签依旧属于Modern UI下面的实验性功能。
从最初版本上线，再到这次大规模修复打磨，也能看出来现代化UI并不是一次性定稿，先把概念落地，再慢慢修补布局抖动、渲染异常，一点点走向成熟。
