VS Code分屏核心在于多视图协同而非简单分割,支持拖拽、右键和快捷键(Ctrl+\)快速创建最多四宫格布局,各编辑组可独立加载文件、终端等,并提供快捷键切换、同步滚动及布局保存功能。

VS Code 的分屏功能不是简单地把窗口一分为二,而是帮你同时聚焦多个文件、终端或调试视图,让编码效率真正提起来。关键不在“分”,而在“协同”——比如一边写代码、一边看文档,或一边改逻辑、一边跑测试。
怎么快速分屏?
最常用的方式是拖拽+释放:把一个编辑器标签拖到编辑区左右边缘,松手就自动左右分屏;拖到上下边缘则上下分屏。也可以右键某个标签,选择 Split Right 或 Split Down。
- 快捷键更省事:选中标签后按 Ctrl+\(Windows/Linux)或 Cmd+\(Mac)直接左右分屏
- 再按一次,就能在新面板里继续分屏,最多支持四宫格布局
- 想收回?点面板右上角的 ×,或右键面板标题栏选 Close Editor Group
分屏不只是放两个文件
每个分屏区域(Editor Group)都是独立的工作空间,可以打开不同文件、不同文件夹,甚至混搭类型:左边写 .ts 文件,右边开 Markdown 文档查 API,底部还常驻一个终端跑本地服务。
- 终端也能进分屏:从命令面板(Ctrl+Shift+P)运行 Terminal: Create New Terminal in Editor Area,它就会出现在当前编辑组里
- 调试控制台、GitHub Copilot 聊天窗、大纲视图……只要支持在编辑区打开的面板,都能放进分屏
- 鼠标悬停在分屏边界上,会出现双箭头,拖动即可调整宽度/高度
跨分屏高效切换和操作
别总靠鼠标点来点去。用快捷键切分屏、移动文件、同步滚动,节奏才不被打断。
- Ctrl+1 / Ctrl+2 / Ctrl+3:快速跳转到第 1/2/3 个编辑组
- Ctrl+K → 然后按 ← / → / ↑ / ↓:把当前文件移到相邻分屏
- 开启 Synced Scrolling(同步滚动):右键编辑区空白处 → Toggle Synced Scrolling,对比相似代码时特别有用
保存常用分屏布局,下次一键还原
你花十分钟调好的三栏布局(代码 + 终端 + 日志输出),不用每次重来。VS Code 支持工作区级的布局记忆。
- 关闭 VS Code 前保持分屏状态,重启后默认恢复(需开启设置:Workbench > Editor > Restore Windows 设为 all)
- 更稳妥的做法:通过 File → Save Workspace As… 保存带布局的 .code-workspace 文件,以后双击即还原整套环境
- 插件如 Layout Manager 还能存多套布局并命名切换,适合不同开发场景
基本上就这些。分屏不是炫技,是让眼睛少切换、思维不断档。用熟了,你会觉得没它反而卡手。










