VSCode中左右并排显示文件可拖拽标签至边缘或按Ctrl+\(Win/Linux)/Cmd+\(macOS);上下分栏需拖至顶部/底部边缘或执行“View: Split Editor Down”;Alt/Option键拖拽可复制而非移动文件。

怎么让 VSCode 编辑器左右并排显示两个文件
直接拖拽文件标签到编辑器区域边缘即可触发分栏。把一个 test.js 标签往右边缘拖,松手后自动创建右侧新栏,再打开 index.html 就会默认进右边栏。
更稳的方式是用快捷键:Ctrl+\\(Windows/Linux)或 Cmd+\\(macOS)——这是最可靠的「垂直分栏」切换命令,执行一次就从单栏变双栏,再按一次恢复。
- 如果当前已有多个文件打开,
Ctrl+\\只拆分当前活动编辑器组,不影响其他组 - 不建议靠鼠标反复拖拽调整,容易误触成「浮动编辑器」或错位嵌套
- 分栏后每个栏是独立的编辑器组,支持各自设置缩放、字体、折叠状态
如何新建一个水平分栏(上下排列)
VSCode 默认没有绑定「水平分栏」的快捷键,但可以手动触发:把文件标签往编辑器**顶部或底部边缘**拖拽,看到蓝色横条出现时松手,就会生成上下布局。
或者用命令面板:Ctrl+Shift+P → 输入 View: Split Editor Down → 回车。对应命令名必须拼写准确,少一个空格都搜不到。
-
Split Editor Down是上下分栏;Split Editor Right是左右分栏(等价于Ctrl+\\) - 水平分栏在窄屏笔记本上容易导致单栏高度过小,影响代码可读性,慎用于终端/调试面板已占下半屏时
- 分栏方向不可直接切换,要先关闭一栏(
Ctrl+W),再用对应命令重建
编辑器分组太多,怎么快速关闭某一分组而不关错文件
关键看窗口左上角的分组序号:VSCode 会在每个编辑器组顶部标签栏左侧显示 1、2、3。把鼠标悬停在序号上,会提示「Close editor group」。
更安全的操作是右键点击该组任意一个标签 → 选 Close Group。这个菜单项只出现在当前组内,不会误关其他组。
- 别用
Ctrl+K Ctrl+W(关闭所有编辑器)——它清的是整个窗口所有组,不是当前组 - 如果用了「Keep Preview Mode」打开文件(比如快速点击未保存的搜索结果),关组时那些预览态文件会直接消失,不提示保存
- 想保留某组但清空里面所有文件?右键组序号 →
Close All Editors in Group
为什么拖文件进另一栏后,原来那栏的文件不见了
这不是 bug,是 VSCode 的「移动语义」:默认拖拽行为是「把文件从原组移走」,不是「复制过去」。所以原栏只剩一个空编辑器,新栏多了那个文件。
要复制而非移动,拖拽时按住 Alt 键(Windows/Linux)或 Option 键(macOS)——蓝色指示条会变成虚线,松手后原位置文件保留,目标栏新增副本。
- 这个
Alt行为不体现在任何菜单或提示里,纯靠文档或经验发现 - 如果开了「Enable Preview Mode」,预览中的文件拖拽时也遵循移动语义,容易误丢未命名的临时编辑内容
- 分组间不能拖拽文件夹,只能拖单个文件或已打开的编辑器标签










