VSCode分屏编辑可提升多文件协同效率。支持鼠标拖拽、快捷键(Cmd+\垂直分屏,Cmd+K+↑水平分屏)、命令面板调用及跨组移动标签,并可调节分屏比例与重置布局。

如果您在使用 VSCode 进行多文件协同编辑时感到窗口切换频繁、上下文丢失,可能是尚未充分利用其 Split Editor(分屏编辑)功能。该功能允许您将编辑器区域水平或垂直划分为多个独立视图,实现并行查看与编辑不同文件或同一文件的不同区域。以下是启用和高效使用该功能的具体方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、通过鼠标拖拽快速分屏
此方法无需记忆快捷键,适合初学者快速建立双视图,利用 VSCode 的可视化交互机制直接触发分屏逻辑。
1、在资源管理器中选中一个文件,按住鼠标左键不放将其拖出当前编辑器标签区域。
2、将文件拖至编辑器区域的左侧边缘、右侧边缘、顶部边缘或底部边缘,当出现半透明蓝色分隔指示线时松开鼠标。
3、松手后,原编辑器将按拖拽方向分裂为两个独立面板,被拖动的文件在新面板中打开,原面板保持当前文件不变。
二、使用快捷键触发分屏
VSCode 为常用分屏方向预设了平台一致的快捷键组合,可绕过鼠标操作,在键盘聚焦状态下即时完成布局调整。
1、确保光标位于目标文件的编辑器标签或编辑区域内。
2、按下 Command+\\(macOS)或 Ctrl+\\(Windows/Linux)执行垂直分屏,生成左右并列视图。
3、按下 Command+K 后松开,再按 Command+↑(macOS)或 Ctrl+K 后松开,再按 Ctrl+↑(Windows/Linux)执行水平分屏,生成上下并列视图。
三、通过命令面板调用分屏命令
命令面板提供全部内置编辑器操作的统一入口,适用于自定义快捷键冲突或需精确选择分屏行为的场景。
1、按下 Command+Shift+P(macOS)或 Ctrl+Shift+P(Windows/Linux)打开命令面板。
2、输入 Split Editor,从下拉列表中选择 Split Editor in Group to the Right 或 Split Editor in Group Below。
3、回车确认后,当前活动编辑器即按所选方向复制到新组中,焦点自动切换至新面板。
四、跨分屏组移动文件标签
分屏后形成多个编辑器组(Editor Groups),每个组可独立承载多个文件标签,支持灵活迁移以重构工作流。
1、点击目标文件的标签页,按住鼠标左键不放。
2、将标签拖入另一分屏组的标签栏空白处或任意现有标签之间。
3、当目标组高亮显示接收区域时松手,该文件即从原组移出并插入到新组指定位置。
五、调整分屏比例与固定布局
默认分屏为等宽/等高,但可通过拖动分隔线手动调节各组占用空间,并锁定比例防止误操作重置。
1、将鼠标悬停于两个编辑器组之间的分隔线上,光标变为双向箭头。
2、按住左键横向或纵向拖动分隔线,实时观察两侧视图宽度或高度变化。
3、松手后,当前比例即被应用;如需恢复等分,右键点击分隔线并选择 Reset Editor Group Sizes。










