繁体   English   中英

"VSCode:如何垂直拆分编辑器"

[英]VSCode: How to Split Editor Vertically

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

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

如何垂直拆分?

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

在 1.20

  • ALT + SHIFT + 0电脑(Windows、Linux)
  • + + 0苹果

1.20 之前

  • ALT + SHIFT + 1台电脑(Windows、Linux)
  • + + 1 Mac

在 1.25

在 1.58.2 **

** 有人用最低版本更新它,这成为现实。

  • 上面给出的快捷方式的菜单项是View => Editor Layout => Flip Layout
  • 命令面板条目标记为“切换垂直/水平编辑器布局”
  • 设置入口是
    { "key": "alt+cmd+0", "command": "workbench.action.toggleEditorGroupLayout" }

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

Visual Studio Code - 切换编辑器组布局按钮

要垂直拆分:

+ \\ Mac

命令: workbench.action.splitEditor

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

+ k + + \\ Mac

命令: workbench.action.splitEditorOrthogonal

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

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

拆分编辑器的屏幕截图

只需在窗口中

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

默认情况下,编辑器组排列在垂直列中(例如,当您拆分编辑器以将其打开时)。 您可以在您喜欢的任何布局中轻松地在垂直和水平方向上排列编辑器组:

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

在此处输入图片说明

在新的View > Editor Layout menu:有一组预定义的编辑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.

1.20 版更改了键绑定:

SHIFT + ALT + 0对于 Linux。

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

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

  1. 例如,打开左侧或右侧栏中的两个文件,具体取决于您放置的位置。 默认情况下,它始终位于左侧。

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

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

VSCode v1.30.2

更新:您还可以从资源管理器中拖动一个文件,以与上述相同的方式拆分编辑器。

使用将编辑器移至下一组快捷方式

Mac:^+⌘+->

如果要更改快捷方式,

打开命令面板

Mac:⌘+shift+p

选择首选项:打开键盘快捷键

搜索视图:将编辑器移至下一组

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

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

我发现这是最快的方法,您可以根据需要将其拆分为多个屏幕。

在此处输入图片说明

最好的方法是配置 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

方法一

在此处输入图像描述

方法2

查看 -> 命令面板 -> 键入“拆分”

在此处输入图像描述

方法3

在此处输入图像描述

方法4

在此处输入图像描述

小费

为拆分编辑器添加键盘快捷键

在此处输入图像描述

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM