同じファイルを分割して複数のエディターグループで表示する

広告

Visual Studio Code ではファイルが表示されているエディターを左右または上下に分割して同じファイルを複数のエディタで同時に表示することができます。非常に長いテキストが含まれるファイルを開いている場合に、異なる場所をそれぞれのエディター上で表示して作業したい場合に便利です。ここでは Visual Studio Code で同じファイルを分割して複数のエディターグループで表示する方法について解説します。

開いているファイルを分割して表示する

現在開いているファイルを分割して同じファイルを複数のエディタで表示する方法です。非常に長いテキストが含まれるファイルの別々の場所同時に見たい場合に便利です。

例として次のようなファイルを開いている状態から試してみます。

開いているファイルを分割して表示する(1)

ファイルを分割して表示するには「表示」メニューの中の「エディターレイアウト」にマウスを合わせてください。サブメニューとして「分割(上)」「分割(下)」「分割(左)」「分割(右)」の 4 つが表示されます。

開いているファイルを分割して表示する(2)

「分割(上)」メニューをクリックすると、現在アクティブになっているエディターが上下に分割され、現在のエディターの上に新しいエディターが表示されて同じファイルが表示されます。

開いているファイルを分割して表示する(3)

開いているファイルを分割して表示する(4)

「分割(下)」メニューをクリックした場合も同じように上下に分割されて、現在のエディタの下に新しいエディターが表示されて同じファイルが表示されます。

「分割(左)」メニューをクリックすると、現在アクティブになっているエディターが左右に分割され、現在のエディターの左に新しいエディターが表示されて同じファイルが表示されます。

開いているファイルを分割して表示する(5)

開いているファイルを分割して表示する(6)

「分割(右)」メニューをクリックした場合も同じように左右に分割されて、現在のエディタの右に新しいエディターが表示されて同じファイルが表示されます。

分割は 1 回だけではなくさらに続けて行うことができます。例えば左右に分割したあとで、そのうちの一つのエディターをさらに上下に分割することもできます。

開いているファイルを分割して表示する(7)

上下に分割したエディターをさらに上下に分割することもできます。

開いているファイルを分割して表示する(8)

分割されたエディターは、ひとつひとつをエディターグループと呼びます。エクスプローラーを表示すると、現在開いているエディターグループを確認することができます。

開いているファイルを分割して表示する(9)

開いているファイルを分割して表示する(10)

一つ一つのエディターグループでは別のファイルを開くこともできます。別のファイルを開く場合は、開きたいエディターグループをアクティブにしたあとでファイルを開いてください。そのエディターグループだけでファイルが開きます。

開いているファイルを分割して表示する(10)

素早く右に分割する

エディターを左右に分割して利用する機会が多いためか、エディターを右に分割するためのアイコンが用意されています。現在アクティブになっているエディターの右上には次のアイコンが表示されています。

素早く右に分割する(1)

素早く右に分割する(2)

このアイコンをクリックすると、「分割(右)」メニューをクリックした時と同じように現在アクティブのエディターが左右に分割され、現在のエディターの右に新しいエディターが表示されて同じファイルが表示されます。

素早く右に分割する(3)

このように右に分割する場合は専用のアイコンをクリックすることで素早く分割することができます。

エディターグループを閉じる

エディターグループを閉じるには、閉じたいエディターグループの右上に表示されている「・・・」をクリックし、表示されたメニューの中から「すべて閉じる」をクリックしてください。

エディターグループを閉じる(1)

エディターグループを閉じる(2)

対象のエディターグループを閉じることができました。(エディターグループの中に保存していないファイルがあった場合は保存するかどうかの確認ダイアログが表示されます)。

エディターグループを閉じる(3)

なおエディターグループは開いているファイルをすべて閉じると自動的に閉じますので、エディターグループで開いているすべてのファイルのタブの「×」をクリックしてファイルを閉じるとエディターグループを閉じることができます。

エディターグループを閉じる(4)

エディターグループを閉じる(5)

対象のエディターグループを閉じることができました。

エディターグループを閉じる(6)

-- --

Visual Studio Code で同じファイルを分割して複数のエディターで同時に表示する方法について解説しました。

( Written by Tatsuo Ikura )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。