VSCode:如何垂直拆分编辑器

Posted

技术标签:

【中文标题】VSCode:如何垂直拆分编辑器【英文标题】:VSCode: How to Split Editor Vertically 【发布时间】:2017-04-04 05:01:38 【问题描述】:

在 Visual Studio 代码中,前段时间,当我使用 View->Split Editor 时,它会垂直拆分。 (左边一个文件,右边一个文件。)

我更新了 Visual Studio Code,当我执行 View->Split Editor 时,它总是水平拆分。 (上一个文件,下一个文件。)

如何垂直分割?

【问题讨论】:

【参考方案1】:

将编辑器拆分布局从水平更改为垂直

在 1.20 中

ALT+SHIFT+0 PC(Windows、Linux) ++0 Mac

1.20 之前

ALT+SHIFT+1 PC(Windows、Linux) ++1 Mac

在 1.25 中

您可以将编辑器拆分为Grid 布局。检查View=>Editor Layout 很好地呈现在Release notes v1.25: VS Code grid editor layout

在 1.58.2 中**

** 有人用最低版本更新了这个。

上面给出的快捷菜单项是View=>Editor Layout=>Flip Layout Command Palette 条目标记为“切换垂直/水平编辑器布局” settings 条目是

  "key": "alt+cmd+0",
  "command": "workbench.action.toggleEditorGroupLayout"

【讨论】:

顺便说一句,它在View 菜单中。看看Toggle Editor Group Layout就在Split Editor下面。 请注意,这不是水平和垂直分割窗口的方法; VSC 做一个或另一个,但不能同时做。 @gabodev77 签入菜单View->Toggle Editor Group Layout Alt+Shift+1 适用于 Linux Mint(基于 Ubuntu)。 如何撤消“拆分视图”?【参考方案2】:

如果您正在寻找一种通过 GUI 更改此设置的方法,至少在当前版本 1.10.1 中,如果您将鼠标悬停在 EXPLORER 窗格中的 OPEN EDITORS 组上,则会出现一个用于切换编辑器组的按钮水平和垂直之间的布局。

【讨论】:

问题...当我打开一个文件并拆分屏幕时,我打开的同一个文件会添加到新面板中。有没有办法在没有相同文件或根本没有文件的情况下将其拆分? @TikaL13 搜索设置我没有看到拆分编辑器模式的任何自定义。它不允许没有打开选项卡的窗格(当它关闭最后一个选项卡时它会恢复为单个窗格),因此它必须在创建新窗格时打开 something 并且默认为另一个当前文件的视图。您可以在窗格之间拖动选项卡或打开另一个文件(该文件将在任何处于活动状态的窗格中作为新选项卡打开),然后关闭第二个窗格的初始选项卡。 是的,我希望它的功能与 Sublime 非常相似。我想我在某处看到此功能或修复可能会包含在下一个版本中? 虽然,我不知道如何更改“默认值”,但对于以后的releases,当单击split editor 以在垂直和水平之间切换时,我应该坚持alt【参考方案3】:

垂直分割:

+\ Mac

命令:workbench.action.splitEditor

要分割正交(即在这种情况下水平):

+k++\ Mac

命令:workbench.action.splitEditorOrthogonal

【讨论】:

有没有“unsplit”的捷径? 目前使用+w,虽然每个文件都需要这样做。 + w 如果您想关闭其中一个,则可以使用。 + + 如果您只想移动它,则可以使用 谢谢,这些键对我有用,使用 vscode v1.47.3。此处的最佳答案不起作用,假设密钥已随较新版本更改【参考方案4】:

CMD + SHIFT + P (MAC) 并搜索Toggle Editor Group

【讨论】:

由于某种原因,ALT + Shift + 1 的组合键对我不起作用。这虽然有效。谢谢!【参考方案5】:

1.23.1 版本中,它是Ctrl+Shift+PSplit Editor 这将垂直划分屏幕,您可以使用Ctrl+K+LeftArrow在它们之间移动

【讨论】:

【参考方案6】:

默认情况下,编辑器组以垂直列布局(例如,当您拆分编辑器以将其打开到一侧时)。您可以在任何您喜欢的布局中轻松排列编辑器组,无论是垂直还是水平:

为了支持灵活的布局,您可以创建空的编辑器组。默认情况下,关闭编辑器组的最后一个编辑器也会关闭该组本身,但您可以使用新设置 workbench.editor.closeEmptyGroups: false:

更改此行为

在新的View > Editor Layout menu:中有一组预定义的编辑器布局

打开到一侧的编辑器(例如,通过单击编辑器工具栏拆分编辑器操作)将默认打开到活动编辑器的右侧。如果您希望在活动编辑器下方打开编辑器,请配置新设置 workbench.editor.openSideBySideDirection: down.

有许多键盘命令可以单独使用键盘调整编辑器布局,但如果您更喜欢使用鼠标,拖放是一种将编辑器拆分到任意方向的快速方法:

键盘快捷键# 以下是一些方便的键盘快捷键,可用于在编辑器和编辑器组之间快速导航。

如果您想修改默认键盘快捷键,请参阅键绑定了解详细信息。

⌥⌘→ go to the right editor.
⌥⌘← go to the left editor.
⌃Tab open the next editor in the editor group MRU list.
⌃⇧Tab open the previous editor in the editor group MRU list.
⌘1 go to the leftmost editor group.
⌘2 go to the center editor group.
⌘3 go to the rightmost editor group.
unassigned go to the previous editor group.
unassigned go to the next editor group.
⌘W close the active editor.
⌘K W close all editors in the editor group.
⌘K ⌘W close all editors.

【讨论】:

【参考方案7】:

只在windows中

ctrl + @(键盘上横排数字中的按钮2)

【讨论】:

【参考方案8】:

1.20 版更改了键绑定:

SHIFT+ALT+0 对于 Linux。

大概同样适用于 Windows,CMD+OPT+0 适用于 Mac。

【讨论】:

【参考方案9】:

使用将编辑器移动到下一个组快捷方式:

Mac:^ + + Right/Left arrow

如果要更改快捷方式:

    打开Command Pallette(macOS 键盘快捷键: + Shift + p) 选择首选项:打开键盘快捷键 搜索查看:将编辑器移至下一个组

【讨论】:

【参考方案10】:

要在横向和纵向模式下更改编辑器,请按照以下步骤操作。

    例如,打开左侧或右侧栏中的两个文件,具体取决于您所在的位置。默认情况下它总是在左边。

    现在您已经打开了两个窗口,您必须使用 PC (Alt + Shift + 1) 的组合键(Windows 和 Linux 操作系统)或 MAC (Cmd + Option + 1),如 v-andrew 所述。

【讨论】:

【参考方案11】:

右键单击要拆分到另一个屏幕的选项卡。

然后选择是否拆分(上下|左右)。

我发现这是最快的方式,您可以将其拆分到任意数量的屏幕。

【讨论】:

【参考方案12】:

我刚刚找到了一个简单的解决方案。您可以拖动打开的文件并向编辑器的四个侧面移动,它将显示一个突出显示的区域,您可以拖放到该区域。它会自动将视图拆分为水平、垂直甚至三行。

VSCode v1.30.2

更新:你也可以从资源管理器中拖动一个文件来分割编辑器。

【讨论】:

【参考方案13】:

最好的方法是配置 VSCode 设置以使默认行为符合您的要求:

拆分编辑器(到新的编辑器组)

"workbench.editor.openSideBySideDirection": "right" // left/right (default)
"workbench.editor.openSideBySideDirection": "down"  // up/down

在组中拆分编辑器(不创建新的编辑器组)

"workbench.editor.splitInGroupLayout": "horizontal" // left/right (default)
"workbench.editor.splitInGroupLayout": "vertical"   // up/down

【讨论】:

以上是关于VSCode:如何垂直拆分编辑器的主要内容,如果未能解决你的问题,请参考以下文章

Visual Studio代码编辑器窗口中的垂直线?

vscode 常用快捷键

在拆分视图中同步垂直/水平滚动

vscode:快捷键

vscode 编辑器如何彻底卸载

在vscode编辑器中,如何实现手机端调试页面