如何在VSCode中绑定快捷键联动控制侧边栏与底部面板的显隐？

操作步骤 #

• 打开命令面板：Windows/Linux按Ctrl+Shift+P，Mac按Cmd+Shift+P
• 输入并执行命令Preferences: Open Keyboard Shortcuts (JSON)，打开快捷键配置的JSON文件
• 将以下配置粘贴到文件的数组中，保存后即可生效

[
  // 场景1：侧边栏显示、底部面板隐藏 → 按下隐藏侧边栏
  {
    "key": "ctrl+alt+x", // 可替换为你想要的快捷键
    "command": "workbench.action.toggleSidebarVisibility",
    "when": "sideBarVisible && !panelVisible"
  },
  // 场景2：侧边栏隐藏、底部面板显示 → 按下隐藏底部面板
  {
    "key": "ctrl+alt+x",
    "command": "workbench.action.togglePanel",
    "when": "!sideBarVisible && panelVisible"
  },
  // 场景3：两者都显示 → 按下隐藏两者
  {
    "key": "ctrl+alt+x",
    "command": "runCommands",
    "args": {
      "commands": [
        "workbench.action.toggleSidebarVisibility",
        "workbench.action.togglePanel"
      ]
    },
    "when": "sideBarVisible && panelVisible"
  },
  // 场景4：两者都隐藏 → 按下显示两者
  {
    "key": "ctrl+alt+x",
    "command": "runCommands",
    "args": {
      "commands": [
        "workbench.action.toggleSidebarVisibility",
        "workbench.action.togglePanel"
      ]
    },
    "when": "!sideBarVisible && !panelVisible"
  }
]

配置说明 #

• 你可以修改key字段的值自定义触发快捷键，注意不要和已有快捷键冲突
• VSCode会自动匹配when条件，每次按下快捷键只会执行匹配到的对应命令
• runCommands是VSCode内置的批量执行命令接口，支持一次性触发多个操作

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