将Visual Studio代码中的面板移动到右侧

问题描述 投票:108回答:10

在Visual Studio代码中,面板部分默认位于底部。如何将其移至右侧?例如,在下图中,面板(D部分)位于底部,而我希望它移动到右侧,即在编辑器组(C部分)中显示README.md编辑器的区域。 enter image description here

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

visual-studio-code vscode-settings
10个回答
269
投票

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

您现在有2个选项。右键单击面板的工具栏(面板上的其他任何位置都不起作用)并选择“向右/向下移动面板”:

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

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


1
投票

截至2019年6月,可以通过搜索“面板”找到此设置 - 如果要更改默认设置,可以选择它,如屏幕截图所示:enter image description here


114
投票

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

你可以按

ctrl + ,(OSX上的cmd + ,

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

"workbench.sideBar.location": "right"

SideBar on the left


112
投票

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

默认情况下,Panel将显示在底部(您也可以更改默认值。请参阅@Forres的答案:Moving Panel in Visual Studio Code to right side

这是VS Code Panel的底部/右侧切换按钮:

enter image description here

单击此按钮后,Panel将向右移动。

enter image description here

搬回去虽然有点棘手。如您所见,某些按钮是隐藏的。这是因为面板右侧对齐时的宽度太小。我们需要扩展列以查看所有按钮。

这就是它如何看待扩展:

enter image description here

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


22
投票

不知道为什么这里没有提到这个但是这个设置对我有用了:

"workbench.panel.defaultLocation": "right"


9
投票

单击菜单选项“查看” - >“向右侧移动侧栏”。一旦侧栏向右移动,选项“向侧栏移动”将变为“向侧栏移动”。

干杯


5
投票

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

  • 转到“查看”菜单。
  • 通过Appearance选项,单击Toggle Panel Position

enter image description here


5
投票

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

- >打开键盘快捷键

- >搜索“workbench.action.togglePanelPosition”

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

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

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

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


4
投票

您也可以在内幕版中做同样的事情,右上角有一个选项可以切换到侧边栏https://code.visualstudio.com/insiders/

终端在底部terminal in the bottom side

在右侧terminal in the right side 的终端


3
投票

我不知道它改变了哪个版本但是1.11.2在View选项卡中有一个选项可以将左侧栏改为右侧,反之亦然

© www.soinside.com 2019 - 2024. All rights reserved.