侧边预览通过文件资源管理器和编辑器布局实现,点击文件以斜体标签预览,可拖拽或快捷键拆分到侧边新窗口,支持并排查看代码。

VSCode 的侧边预览功能主要通过“文件资源管理器”和“编辑器布局”实现,能让你快速查看文件内容而不占用主编辑区域。
打开文件资源管理器
点击左侧活动栏的文件图标(或按 Ctrl+Shift+E),即可打开侧边的文件资源管理器。在这里点击任意文件,它会在主编辑区以“预览模式”打开——标签呈斜体,重复点击同一文件或编辑后会变为常规标签。
启用自动预览
默认情况下,单击文件就会触发预览。这个行为是自动开启的,方便你快速浏览多个文件。如果想关闭预览模式,可以在设置中搜索 "workbench.editor.enablePreview" 并取消勾选。
在侧边新窗口打开文件
如果想把当前预览的文件固定到侧边栏的新编辑组,可以:
- 右键点击文件标签,选择“在侧边打开”
- 拖拽文件标签到编辑区的右侧边缘
- 使用快捷键 Ctrl+\**(Windows/Linux)或 **Cmd+\**(Mac)将文件拆分到侧边
调整编辑器布局
你可以将多个文件并排显示:
- 右键文件标签 → “新建编辑器组” → 选择左、右、上、下方向
- 用鼠标拖动标签到编辑区四边,实时创建新的布局区域
这样就能一边写代码,一边在侧边持续预览其他文件内容,比如对照查看函数定义或配置文件。
基本上就这些操作,不复杂但很实用。










