web-dev-qa-db-ja.com

VSCode:エディタを縦に分割する方法

Visual Studioのコードで、少し前に、[表示] - > [分割エディタ]を使用すると、縦に分割されていました。 (左側に1ファイル、右側に1ファイル)

Visual Studioのコードを更新し、[表示] - > [分割エディタ]を実行すると、常に水平に分割されます。 (上に1ファイル、下に1ファイル)

どうやって垂直に分割できますか?

254
RainingChain

1.20では

ALT+SHIFT+ PC(Windows、Linux)

++ マック

1.20以前

ALT+SHIFT+1 PC(Windows、Linux)

++1 マック

エディタの分割レイアウトを水平から垂直に変更します

1.25ではエディタをGridレイアウトに分割することができます。 View => Editor Layoutを確認してください。

それはうまく表示されています リリースノートv1.25:VS Code grid editor layout

409
v-andrew

GUIでこれを変更する方法を探しているなら、少なくとも現在のバージョン1.10.1では、ExplorerペインのOPEN EDITORSグループの上にマウスを置くと、エディタグループのレイアウトを水平と垂直に切り替えるボタンが表示されます。

Visual Studio Code - toggle editor group layout button

183
BACON

CMD + SHIFT + P(MAC)を押してToggle Editor Groupを検索してください

10
Marina

垂直に分割するには:

+\ Mac

直交(この場合は水平方向)に分割するには:

+k++\ Mac

5
flurdy

バージョン1.23.1では、それはCtrl+Shift+PSplit Editorです。これはスクリーンを垂直に分割します、そしてあなたはCtrl+K+LeftArrowを使ってそれらを通して移動することができます

Screenshot of the Split Editor

4

横モードと縦モードでエディタを変更するには、以下の手順に従います。

  1. たとえば、配置した場所に応じて、左側または右側のサイドバーにある2つのファイルを開きます。デフォルトでは常に左側にあります。

  2. 両方のウィンドウが開いているので、 PC(Alt + Shift + 1) (WindowsおよびLinuxオペレーティングシステム)または MAC(Cmd + Option + 1) のキーの組み合わせを使用する必要があります。 、ここでコメントしたようにv-アンドリュー。

キー割り当てはバージョン1.20で変更されました:

SHIFT+ALT+ Linuxの場合.

おそらくWindowsでも同じように動作します。 CMD+OPT+ Mac用。

2
PET3R

私は簡単な解決策を見つけました。開いているファイルをドラッグしてエディタの四方に移動すると、ドロップできるハイライト領域が表示されます。それは自動的に、水平、垂直、さらには3行にビューを分割します。

VSCode v1.30.2

更新:上記と同じ方法でエクスプローラからファイルをドラッグしてエディタを分割することもできます。

1
Gaoping

単に窓に

ctrl + @(キーボードの水平方向の数字列にあるボタン2)

1
Saher Elgendy

デフォルトでは、エディターグループは縦列にレイアウトされます(たとえば、エディターを分割して横に開く場合)。エディターグループは、好きなレイアウトで縦横に簡単に配置できます。

柔軟なレイアウトをサポートするために、空のエディターグループを作成できます。デフォルトでは、エディターグループの最後のエディターを閉じるとグループ自体も閉じますが、新しい設定workbench.editor.closeEmptyGroups: false:でこの動作を変更できます

enter image description here

新しいView > Editor Layout menu:には事前定義されたエディターレイアウトのセットがあります

enter image description here

(たとえば、エディターツールバーの[エディターの分割]アクションをクリックして)横に開くエディターは、デフォルトでアクティブなエディターの右側に開きます。アクティブなエディターの下にエディターを開く場合は、新しい設定workbench.editor.openSideBySideDirection: down.を構成します

キーボードだけでエディターレイアウトを調整するためのキーボードコマンドは多数ありますが、マウスを使用する場合は、ドラッグアンドドロップでエディターを任意の方向にすばやく分割できます。

enter image description here

キーボードショートカット#以下は、エディターとエディターグループ間をすばやく移動するための便利なキーボードショートカットです。

デフォルトのキーボードショートカットを変更する場合は、キーバインドをご覧ください。

⌥⌘→ 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.
0
user3133925