如何将 Visual Studio Code 中的面板移动到右侧？

Posted 2023-02-22

【中文标题】如何将 Visual Studio Code 中的面板移动到右侧？

【英文标题】：How do I move the panel in Visual Studio Code to the right side?

【发布时间】：2017-06-11 23:33:00

【问题描述】：

默认在底部。

例如在下图中，面板（D 部分）位于底部，而我希望它移动到右侧，即在编辑器组（C 部分）中显示 README.md 编辑器的区域。

图片来源：(https://code.visualstudio.com/images/codebasics_hero.png)

【问题讨论】：

滚动条的背景颜色不是实心的，结果是... 

您应该更新此问题以接受@dcastro 的回答。当前接受的答案不再有效。

另请参阅 ***.com/a/69329503/836330 以创建另一个面板，例如侧边栏，但位于当前侧边栏的另一侧 - 并与面板分开。

【参考方案1】：

截至 2018 年 10 月（版本 1.29），@mvvijesh 的答案中的按钮不再存在。

您现在有 2 个选项。 右键单击面板的工具栏（面板上的其他任何地方都不起作用）并选择“向右/向下移动面板”：

或从命令面板中选择“查看：切换面板位置”。

来源：VSCode 更新说明：https://code.visualstudio.com/updates/v1_29#_panel-position-button-to-context-menu

【讨论】：

另外值得一提的是，右键必须在面板的工具栏上进行。 （点击其他任何地方都无济于事。）

真烦人。不断变化。

谢谢！这让我发疯了。为什么他们在 1.29.1 中取消了按钮？之前和 Chrome 的开发工具一致，现在不一样了。

@colefner 提醒您，您使用的是 Microsoft 产品：它没有损坏，但他们肯定会继续修复它。

@shashwat 是的，打开键盘快捷键并搜索 workbench.action.togglePanelPosition。您可以添加一个可以来回切换的键盘快捷键。

【参考方案2】：

对于寻找答案的人（关于如何移动侧面板）：

你可以按

ctrl + ,（或cmd + , 在 OSX 上）

并将以下选项添加到您的用户设置 JSON 文件中：

"workbench.sideBar.location": "right"

【讨论】：

OP 指的是底部面板，而不是左侧边栏。

@steph643 OP 在他的主题行中并不清楚他指的是哪个面板。尽管他的问题很好地澄清了这一点，但这是我们在 Google 搜索结果中看到的主题行。这个答案就是我所提出的问题的答案。人们常常忘记，对于寻求答案的大众来说，是谷歌牵着我们的鼻子走，直到我们找到某个地方，正确的答案并没有被一些粗心大意和短视的模式拒绝我们，因为它没有正确立正向他们的机敏致敬。

@forres，是否可以使面板浮动并将它们移动到单独的显示器上？这是我在使用 VS 时的常用设置 - 左侧是代码，右侧是所有面板。更改侧边栏的锚点（左/右）不会改变文本编辑器的可见程度

我同意@hawkeyegold - 虽然答案显然没有回答 OPintent，但它非常有帮助，因为我也在谷歌上搜索了这个问题，而与 Forres 有完全相同的问题 - 想要移动工作台侧栏。非常感谢！

投了反对票，因为这个答案令人困惑并且阻碍了寻求正确答案。作者问如何移动Panel，而不是侧面板。 Correct answer 属于 Stefano："workbench.panel.defaultLocation": "right"

【参考方案3】：

我在 Mac 上使用 Visual Studio Code v1.24.0。

默认情况下，面板会出现在底部（您也可以更改默认设置。请参考@Forres的回答：Moving Panel in Visual Studio Code to right side）

这是 VS Code 面板的底部/右侧切换按钮：

单击此按钮后，面板会向右移动。

不过，将其移回有点棘手。如您所见，一些按钮是隐藏的。这是因为面板右对齐时的宽度太小。我们需要展开列以查看所有按钮。

这是扩展时的样子：

现在，如果您想将面板移回底部，请再次单击切换底部/顶部按钮。

【讨论】：

这太令人困惑了。底部只是隐藏起来，还有一个看起来像它。糟糕的用户体验

非常感谢隐藏按钮 :D 它真的节省了我很多时间

您也可以打开命令面板并使用View: toggle panel position

该图标对我来说似乎不再存在。当面板位于底部时，也不在右侧时。即使面板有足够的宽度。我需要右键单击面板标题以使其向右或向下移动。这很糟糕。

@oyalhi，最新 Visual Studio Code（版本 1.32.3）的正确答案似乎是“视图 -> 外观 -> 切换面板位置”，就像 @protoEvangelion 提到的那样。

【参考方案4】：

点击菜单选项View > Appearance > Move Side Bar Right或在settings.json中：

"workbench.panel.defaultLocation": "right"

【讨论】：

OP 指的是底部面板，而不是工作台面板。工作台面板包含文件资源管理器、扩展等。不幸的是，它们都被称为___ panel，因此很容易发生混淆。

我想你想的其实是workbench.sideBar.location。除非我在复制我的评论时搞砸了是正确的，否则我注意到现在有一​​个新按钮可以将它移到一边并回到底部。

最佳答案在这里。就像我需要的那样，它将我的终端（底部）面板向右移动。完全按照操作要求。谢谢！

需要先关闭现有终端，然后CTRL+`显示在右侧

【参考方案5】：

单击菜单选项View > Appearance > Move to Side Bar Right。侧边栏向右移动后，“向右移动侧边栏”选项更改为“向左移动侧边栏”。

【讨论】：

这个不再存在

这已移至视图 > 外观 > 向右/向左移动侧栏

【参考方案6】：

在 1.55.2 版本中。

转到查看 --> 外观 --> 向右移动面板

【参考方案7】：

截至 2019 年 6 月，可以通过搜索“面板”找到此设置 - 如果您想更改默认设置，可以使用屏幕截图中显示的选项：

【讨论】：

JSON 中的设置是 "workbench.panel.defaultLocation": "right"

正是我想要的！谢谢。

【参考方案8】：

对于 Visual Studio Code v1.31.1，您可以通过查看菜单切换面板会话。

转到查看菜单。 通过外观选项，点击Toggle Panel Position

【参考方案9】：

希望这会对某人有所帮助。

-> 打开键盘快捷键

-> 搜索“workbench.action.togglePanelPosition”

-> 分配您想要的快捷方式

我已经分配了键绑定“cmd+`”

  "key": "cmd+`",
  "command": "workbench.action.togglePanelPosition"

现在我可以通过按“cmd + `”来切换终端

【讨论】：

在osx上对我来说很奇怪，我这样做后终端失去焦点

@DanielLizik，现在 VSCode 有“视图-->外观-->移动面板___”选项。

【参考方案10】：

VSCode 1.42（2020年1月）介绍：

左/右面板

现在可以使用以下设置将面板移动到编辑器的左侧：

"workbench.panel.defaultLocation": "left"

这将删除命令 View: Toggle Panel Position (workbench.action.togglePanelPosition) 以支持以下新命令：

View: Move Panel Left (workbench.action.positionPanelLeft) View: Move Panel Right (workbench.action.positionPanelRight) View: Move Panel To Bottom (workbench.action.positionPanelBottom)

【讨论】：

对我来说，我必须重新启动 VSCode 才能看到更改。

@Chuan 好的。对我来说，我正在等待 VSCode May 2020 1.46：github.com/microsoft/vscode-docs/blob/…

【参考方案11】：

Insider 版也可以这样做，右上角有一个选项可以切换到面板到侧边栏https://code.visualstudio.com/insiders/

终端在底部

终端在右侧

【讨论】：

欢迎提供解决方案链接，但请确保您的答案在没有它的情况下有用：add context around the link 这样您的其他用户就会知道它是什么以及为什么会出现，然后引用最相关的内容您链接到的页面的一部分，以防目标页面不可用。 Answers that are little more than a link may be deleted.

十字“x”图标旁边有一个按钮

@pulankit 谢谢，它消失了，因为窗格不够宽，我找不到弹出窗口或其他东西。

【参考方案12】：

我不知道它从哪个版本开始更改，但 1.11.2 在“查看”选项卡中有一个选项，可以将左侧栏更改为右侧，反之亦然

【讨论】：

OP 指的是底部面板，而不是左侧边栏。

【参考方案13】：

"workbench.panel.defaultLocation": "right",

【讨论】：

这个答案已经由this 2 year old answer提供。如果您添加了新的解决方案或更好的解释，请仅发布新的答案；否则只需支持现有答案。

【参考方案14】：

作为来自 GUI 的示例。查看->外观->向右移动侧边栏

【参考方案15】：

"Wokbench.panel.defaultLocation": "right"

使用CTRL+. 打开设置，搜索terminal，您应该会在顶部看到此设置。从设置说明下方的下拉菜单中，选择right。请参阅下面的屏幕截图。

【参考方案16】：

从左下角的滚轮图标转到命令面板 --> 搜索并进入“设置”菜单 --> 在搜索栏中搜索“面板” --> 选择默认位置为“右”而不是“底部”。 重新加载 VS Code，一切顺利。

【参考方案17】：

转到view，然后转到appearence。然后选择移动面板底部。