簡體   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