如何在 VSCode 中拥有多个面板或 Dock？

Question

如何将 VSCode 配置为具有多个侧边栏面板？
我想要一个面板在左边，一个在右边，一个在底部，就像 IDEA 一样。

然后我希望资源管理器视图位于左侧，源代码控制视图位于底部。

如何像这样移动标签？

我能找到的唯一设置是将整个面板从左向右移动。

Answer 1

更新：现在是 v1.64.2。您可以使用“布局控件”或View/Appearance/Show Side Panel 显示新的侧面板。

因此，对于您的用例，您将显示侧面板。它会与侧边栏相反。将面板保持在底部。您可以将 SCM 图标从活动栏（侧栏左侧）拖到面板中。

您可以将所需的任何视图拖放到右侧的侧面板中。

• 来自v1.65 Release Notes

新的布局控制选项

最后一个里程碑，我们在 标题栏。我们听到的反馈是，虽然 控件很有用，它们需要太多的点击。为此，我们 正在为每个人添加一些选项以尝试使用该设置 workbench.experimental.layoutControl.type。此设置具有 以下选项：

菜单：这是以前的行为，使用单个按钮打开一个 菜单。

切换：这是一个新选项，显示三个按钮来切换 面板、侧栏和侧面板。

Both：这是一个新选项，显示切换后跟 菜单按钮，它仍然允许您相当快速地访问 自定义布局快速选择。

---

以前：

您可以这样做，但您需要运行 vscode 的 Insider Build，因为它能够（实验性地）在右侧添加第二个面板 - 称为“侧面板”。

Workbench > Experimental > Side Panel: Enabled
Workbench > Experimental > Layout Control: Enabled
Workbench > Experimental > Panel Alignment: Center left/right/justify/center

然后您可以将视图拖到您想要的位置（并非所有视图都可以拖放，但 SCM 可以）。