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

Question

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

use*_*246 152 visual-studio-code vscode-settings

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

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

Answer 1

dca*_*tro 349

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

您现在有2个选项.右键单击面板,然后选择"向右/向下移动面板":

或者从命令面板中选择"查看:切换面板位置".

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

还值得一提的是,必须在面板的工具栏上执行右键单击.(点击其他任何地方都无济于事.) (48认同)
@shashwat是的,打开键盘快捷键并搜索`workbench.action.togglePanelPosition`.您可以添加一个键盘快捷键,以便来回切换它. (10认同)
多烦啊不断变化. (9认同)
@colefner提醒你,你使用的是微软产品:它没有破产,但他们肯定会继续修复它. (7认同)
谢谢!这让我疯了.他们为什么在1.29.1中取消按钮？它之前与Chrome的开发工具一致,现在却不是. (6认同)
使用 1.44.2（2020 年 4 月），该命令现在要求您指定位置：“视图：将面板移至底部”、“视图：将面板移至右侧”或“视图：将面板移至左侧” (2认同)

Answer 2

For*_*res 115

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

你可以按

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

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

"workbench.sideBar.location": "right"

OP指的是底部面板,而不是左侧边栏. (9认同)
@ steph643 OP在他的主题栏中并不清楚他所指的那个小组.虽然他的问题澄清得很清楚,但这是我们在Google搜索结果中看到的主题.这个答案就是我所拥有的问题的答案.很多时候,人们会忘记,对于寻求答案的群众而言,谷歌引领着我们,直到我们找到一个正确的答案没有被一些重手和短视的mod拒绝我们,因为它没有正确站起来,向他们的精明致敬. (5认同)
被否决是因为这个答案令人困惑并且阻碍了寻求正确答案。作者问如何移动“面板”，而不是侧面板。[正确答案](/sf/answers/3622664391/) 属于 Stefano: `"workbench.panel.defaultLocation": "right"` (5认同)
我同意@hawkeyegold - 虽然答案显然没有_回答OP _intent_,但它非常有帮助,因为我在搜索问题时也搜索了与Forres完全相同的问题 - 想要移动工作台边栏.非常感谢! (3认同)

Answer 3

小智 112

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

默认情况下,Panel将显示在底部(您也可以更改默认值.请参阅@Forres的答案:将Visual Studio Code中的Panel移动到右侧)

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

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

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

这就是它如何看待扩展:

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

这个图标似乎不再适合我了.面板位于底部,也不位于右侧.即使面板有足够的宽度.我需要右键单击面板标题使其向右或向下移动.哪个很烂. (32认同)
您也可以打开命令调色板并使用"查看:切换面板位置" (14认同)
这太混乱了.底部只是隐藏,而另一个看起来就像它.糟糕的UX (6认同)
@oyalhi，最新的Visual Studio代码（版本1.32.3）的正确答案似乎是“视图->外观->切换面板位置”，就像@protoEvangelion提到的那样。 (3认同)

Answer 4

小智 37

在版本 1.55.2 中。

转到视图 --> 外观 --> 向右移动面板

Answer 5

Ste*_*ano 27

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

"workbench.panel.defaultLocation": "right"

我认为你想到的那个实际上是`workbench.sideBar.location`.除非我在复制我的评论时搞砸了,否则无论如何我注意到现在有一个新按钮可以将它移到侧面并返回到底部. (6认同)
最好的答案在这里。就像我需要的那样，它将终端（底部）面板移至右侧。完全按照操作要求。谢谢！ (2认同)

Answer 6

小智 9

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

干杯

已移至“视图”>“外观”>“向右/向左移动侧边栏” (3认同)

Answer 7

sh6*_*210 8

希望这会帮助某人。

->打开键盘快捷键

->搜索“ workbench.action.togglePanelPosition”

->分配所需的快捷方式

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

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

Run Code Online (Sandbox Code Playgroud)

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

Answer 8

小智 7

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

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

Answer 9

Von*_*onC 7

VSCode 1.42（2020 年 1 月）引入：

左侧/右侧面板

现在可以使用以下设置将面板移动到编辑器的左侧：
"workbench.panel.defaultLocation": "left"
Run Code Online (Sandbox Code Playgroud)
这将删除命令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)

Answer 10

Mar*_*ark 7

在 v1.64.2 中，他们恢复了该命令View: Move Panel Right (or Left)。您可以将面板（通常包含终端/输出/等）作为左侧或右侧的垂直列 - 如果您愿意，可以放在侧栏或侧面板旁边。

他们正在修复 v1.64 所做的更改，应该会在 Insiders v1.65 02/08/2022 中发布。

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

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

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

更换面板位置

如上所述，新的侧面板提供了与向左或向右移动面板类似的功能，但通过不强制移动原始面板来改进这一点。随着面板之间的视图拖放，新的侧面板正在取代移动底部面板的选项。

鉴于此，我们已弃用该 workbench.panel.defaultLocation设置以及“移动面板...”命令，转而使用类似的命令“将视图从面板移动到侧面板”( workbench.action.movePanelToSidePanel) 和“将视图从侧面板移动到面板”( workbench.action.moveSidePanelToPanel)。旧命令将重新映射到提供类似行为的适当新命令。不过，我们建议您将键绑定更新为新命令。

来自https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#replacing-panel-location

这有利于使用新的Side Panel，它可以是对以前的Side Bar（传统上是资源管理器、SCM 视图）和面板（传统上是终端、输出等）的补充。因此您可以拥有3 种面板类型的视图。请参阅 v1.64 发行说明了解更多信息：https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#new-side-panel