VSCode打开文件时相互覆盖而非并排显示，如何解决？

方法1：拖拽文件标签拆分 #

• 按住其中一个文件的标签（比如index.js），拖拽到编辑器窗口的左侧/右侧边缘，当出现垂直分隔线时松开鼠标，两个文件会自动并排显示。

方法2：用编辑器菜单或快捷键拆分 #

以VS Code为例：

• 右键点击文件标签，选择「移动到侧边栏」或「拆分编辑器」；
• 快捷键操作：选中目标文件后，按下Ctrl+\（Windows/Linux）或Cmd+\（Mac）快速拆分编辑器，再打开另一个文件即可并排。

方法3：关闭预览模式并调整布局 #

• 关闭编辑器的文件预览模式：在设置中搜索workbench.editor.enablePreview，取消勾选，避免新文件覆盖当前标签；
• 调整布局设置：搜索editor.splitLayout，确保设置为split而非single，强制编辑器支持多栏布局。

方法4：通过文件面板指定位置打开 #

在左侧文件资源管理器中，右键点击第二个文件（比如app.js），选择「在右侧编辑器中打开」或「在左侧编辑器中打开」，直接指定位置实现并排。

内容的提问来源于stack exchange，提问作者user30249096