如何在Visual Studio代码中移动面板到右侧?

默认在底部。

例如，在下面的图像中，面板(部分D)是在底部，而我想让它移动到右侧，即在README。md编辑器显示在编辑器组(C节)

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

239390 次浏览
小开

我不知道从哪个版本开始它改变了，但1.11.2在视图选项卡中有一个选项，可以将左侧栏改为右侧栏，反之亦然

小开

对于寻找答案的人(关于如何移动侧板):

你可以按

ctrl + ,(或OSX上的cmd + ,)

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

"workbench.sideBar.location": "right"

SideBar on left

小开

你可以在内幕版做同样的事情，在右上角有一个选项切换到面板到边栏https://code.visualstudio.com/insiders/

终端 终端在底部 < / p >

终端在右侧 终端在右边 < / p >

小开

单击菜单选项View > Appearance > Move to Side Bar Right。一旦侧栏向右移动，选择“向右移动侧栏”;更改为“移动到侧栏左侧”。

小开

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

默认情况下，面板将出现在底部(您也可以更改默认值。请参考@Forres的回答:在Visual Studio代码中移动面板到右侧)

下面是VS Code面板的底部/右侧切换按钮:

enter image description here

一旦我点击这个按钮，面板就会向右移动。

enter image description here

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

这是它对扩展的看法:

enter image description here

现在，如果您想将面板移回底部，请再次单击toggle bottom/top按钮。

小开

单击菜单选项View > Appearance > Move Side Bar Right或settings.json:

"workbench.panel.defaultLocation": "right"

小开
最佳答案

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

你现在有两个选择。 右键单击面板的工具栏(面板上没有其他地方可以工作)，并选择“向右移动面板/底部”:

.

或者从命令面板中选择“视图:切换面板位置”。

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

小开

希望这能帮助到一些人。

->打开键盘快捷方式

>搜索“workbench.action.togglePanelPosition”

->指定你想要的快捷方式

我指定了键绑定"cmd+ ' "

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

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

小开

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

  • 进入视图菜单。
  • 通过外观选项，单击Toggle Panel Position

enter image description here

小开

截至2019年6月，可以通过搜索“面板”找到这个设置-如果你想更改默认值，有一个选项，如截图所示:enter image description here

小开

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)
小开 
"workbench.panel.defaultLocation": "right",
小开

"Wokbench.panel.defaultLocation": "right"

使用CTRL+.打开设置，搜索terminal，你应该在顶部看到这个设置。从设置说明下面的下拉菜单中，选择正确的。请看下面的截图。

enter image description here

小开

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

小开

就像这个来自GUI的示例。视图->外观->向右移动侧栏

enter image description here

小开

在1.55.2版中。

转到视图>外观——比;向右移动面板

小开

从左下角的轮子图标进入命令面板>搜索并输入“settings”;菜单——比;搜索“panel"在搜索栏——>选择默认位置为“;right"而不是“底部”。 重载VS Code，你就可以开始了

小开

在v1.64.2中，他们带回了View: Move Panel Right (or Left)命令。你可以把面板(通常有终端/输出/等)。在它)作为一个垂直的列在左边或右边-旁边的侧栏或侧板，如果你愿意。

他们正在修复1.64版本带来的变化，应该会在2022年2月8日发布。

只需使用命令面板中的View: Move Panel Right/Left/Bottom命令。

[过时的答案，见上文。]

从Stable v1.64开始，设置"Wokbench.panel.defaultLocation": "right"将不再工作。

更换面板位置

如上所述，新的侧面板提供了类似的功能 如移动面板向左或向右，但改进了这不是 迫使原来的面板移动。还有视图拖放 在面板之间，新的侧面板正在取代选项移动 底部面板。< / p > 鉴于此，我们已经弃用了 workbench.panel.defaultLocation设置以及移动面板… 命令，而不是类似的命令，将视图从面板移动到一侧 面板(workbench.action.movePanelToSidePanel)和移动视图从 Side Panel To Panel (workbench.action.moveSidePanelToPanel)。旧的 命令将重新映射到适当的新命令，提供 类似的行为。不过，我们建议将您的键绑定更新为

.

.

面板位置

这有利于使用新的Side Panel，它可以在之前的Side Bar(资源管理器、SCM视图传统所在的位置)和面板(终端、输出等传统所在的位置)之外。所以你可以有3.面板类型的视图。参见v1.64版本说明:https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#new-side-panel

小开

默认情况下，⌘J切换(底部)面板。如果你所有的视图都在侧面板上，通过这样做使⌘J切换侧面板:

代码比;偏好比;键盘快捷键>“命令+ J">右击在删除Keybinding

代码比;偏好比;键盘快捷键>视图:切换侧板>添加按键绑定>⌘J

小开

默认情况下，面板从右侧打开。

注意，此设置需要在一个新文件夹中才能生效。

如果VSCode之前打开过该文件夹，面板仍将使用旧位置。

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

小开

终端在右侧的vscode截图

这个答案是为那些只想要他们的终端在右边的人(如上所示)，而不关心面板。

  1. 使用键盘快捷键command + shift + p或ctrl + shift + p显示vscode的命令面板
  2. 输入“终端编辑器”;
  3. 选择Terminal: Create New Terminal in Editor Area to the Side选项

提交答案