如何在VS Code中切换不同布局?支持保存大屏/笔记本视图
VS Code 保存并切换多视图布局(大屏/笔记本视图)
一、官方原生实现(无需插件)
保存布局
- 调整好面板(资源管理器、Git历史、终端等)的显示状态和尺寸
- 打开命令面板(快捷键
Ctrl+Shift+P/Cmd+Shift+P) - 输入并执行
View: Save Workspace As,将当前工作区保存为大屏视图.code-workspace - 调整到笔记本视图的面板布局后,重复上述步骤,保存为
笔记本视图.code-workspace
切换视图
- 打开命令面板,输入
File: Open Workspace,选择对应的.code-workspace文件即可切换 - 也可以通过左侧活动栏「资源管理器」顶部的工作区切换按钮快速切换
工作区文件会完整保存面板布局、已打开文件、扩展状态等信息,完全适配不同屏幕空间的切换需求。
二、插件辅助(更快捷的一键切换)
如果觉得工作区切换步骤繁琐,可以使用专门的布局管理插件Layout Manager:
安装与配置
- 在VS Code扩展市场搜索
Layout Manager并安装 - 调整好大屏视图的面板布局后,打开命令面板,输入
Layout Manager: Save Layout,命名为「大屏视图」 - 切换到笔记本视图的布局,重复保存操作,命名为「笔记本视图」
快速切换
- 打开命令面板,输入
Layout Manager: Load Layout,选择对应布局名称即可一键切换 - 还可以为布局设置专属快捷键:打开「键盘快捷方式」(快捷键
Ctrl+K Ctrl+S/Cmd+K Cmd+S),搜索layoutmanager.load,为不同布局绑定快捷键(比如Ctrl+Alt+1对应大屏视图,Ctrl+Alt+2对应笔记本视图)
内容的提问来源于stack exchange,提问作者Justin Young
相关产品推荐
相关产品推荐

