VSCode分屏本质是编辑器组，需用Ctrl+\（Win/Linux）或Cmd+\（Mac）创建、Ctrl+数字切换；支持拖拽调整布局、跨组移动文件、Split Editor、文件对比及同步滚动，并建议按任务流固定三栏布局提升效率。
VSCode的分屏功能不是摆设，用对了能明显减少窗口切换、提升编码连贯性。关键在于理解“编辑器组”这个核心概念，而不是简单拖拽文件。
如何快速创建和切换编辑器组
VSCode里所谓的“分屏”，本质是多个并列的编辑器组（Editor Group）。每个组可独立打开文件、调整布局、设置缩放。
- 快捷键 Ctrl+\\（Windows/Linux）或 Cmd+\\（Mac）：在当前组右侧新增一个垂直分组
- 按住 Ctrl（或 Cmd），再拖动任意标签页到编辑器区域边缘（左/右/上/下），自动拆分为新组
- 用 Ctrl+1 / Ctrl+2 / Ctrl+3… 快速跳转到第1/2/3个编辑器组（最多支持5组）
- 鼠标悬停在编辑器组顶部的空白处，会出现方向箭头，点一下就能把当前文件移到对应方向的新组
灵活调整分屏布局
默认是左右平分，但实际开发中常需要不等宽、上下结构或三栏布局。
- 拖动两个编辑器组之间的分割线，可自由调节宽度或高度
- 右键点击编辑器组顶部的空白区域 → 选择 “Move Editor Group Left/Right/Up/Down” 可重排位置
- 想变回单屏？右键编辑器组 → “Close All Editors in Group”，再关闭空组即可；或直接拖动组内最后一个标签页到其他组，空组会自动消失
- 三栏布局：先 Ctrl+\\ 拆成两栏，再对其中一栏按 Ctrl+\\，就得到左-中-右三栏
分屏时的文件操作技巧
不同组之间移动文件、同步滚动、对比差异，这些才是提效重点。
- 拖拽文件标签页到另一个编辑器组，文件就在新组中打开（原组仍保留）；按住 Shift 再拖，则是“移动”而非“复制”
- 同时打开同一文件的两个实例？右键文件标签 → “Split Editor” 或快捷键 Ctrl+K Ctrl+→
- 对比两个文件：选中一个文件 → 右键 → “Select for Compare”，再打开另一个文件 → 右键 → “Compare with Selected”
- 启用“同步滚动”：在比较视图中，点击右上角锁形图标，两侧滚动将联动
个性化分屏体验的小设置
几个实用配置，让分屏更顺手：
- “workbench.editor.openSideBySideDirection”: “right” —— 强制所有新分屏都出现在右侧（避免有时向上有时向下的混乱）
- “workbench.editor.enablePreview”: false —— 关闭预览模式，防止双击文件后覆盖当前标签，确保每次打开都在新标签页
- 安装插件 Auto Close Tag 或 Highlight Matching Tag，在HTML/XML分屏编辑时能跨组高亮配对标签
基本上就这些。分屏不是越多越好，而是按任务流组织——比如左写代码、中看文档、右跑终端，固定下来形成肌肉记忆，效率提升才真正落地。
