You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 14:10:58