ファイルを開く/ファイルを閉じる

Visual Studio Code を使って作成済のファイルを開く方法、および開いたファイルを閉じる方法について解説します。開いたファイルはエディターで表示され、複数のファイルを開くことができます。

(Last modified: )

ファイルを開く

特定のファイルを開くには Visual Studio Code を起動したあと「ファイル」メニューの中の「ファイルを開く」をクリックしてください。

ファイルを開く(1)

ファイル選択ダイアログが表示されるので開きたいファイルを選択したあと「開く」をクリックしてください。

ファイルを開く(2)

選択したファイルが開きました。

ファイルを開く(3)

ファイルが開くとファイルの中身がエディターで表示されます。エディターではファイルの編集を行うことができます。

現在開いているファイルはエクスプローラーの画面でも確認することができます。エクスプローラーの画面を表示するために Visual Studio Code の左側アクティビティバーの一番上の「エクスプローラー」アイコンをクリックしてください。

ファイルを開く(4)

エクスプローラーの画面が表示されます。「開いているエディター」の下に現在開いているファイル名が表示されます。

ファイルを開く(5)

なお「開いているエディター」の項目が表示されていない場合は、エクスプローラーの右側に表示されている「・・・」をクリックしてください。エクスプローラーに表示する項目を選択する画面が表示されるので、「開いているエディター」をクリックしてチェックしてください。

ファイルを開く(6)

複数のファイルを同時に開く

Visual Studio Code では複数のファイルを同時に開くことができます。ファイルを開いている状態で、最初のファイルと同じ手順で別のファイルを開いてください。

複数のファイルを同時に開く(1)

前のファイルが開いたまま、新しく別のファイルが開きました。

複数のファイルを同時に開く(2)

エクスプローラーの画面を表示すると、「開いているエディター」の下に現在開いている複数のファイルが表示されていることが確認できます。

複数のファイルを同時に開く(2)

アクティブなファイルを切り替える

ファイルを複数開いている場合、ファイルのタブをクリックすることでアクティブなファイルを切り替えることができます。

アクティブなファイルを切り替える(1)

アクティブなファイルを切り替える(2)

エクスプローラーの画面で「開いているエディター」の下に表示されているファイル名をクリックすることでもアクティブなファイルを切り替えることもできます。

アクティブなファイルを切り替える(3)

アクティブなファイルを切り替える(4)

ファイルを閉じる

開いているファイルを閉じるには、閉じる対象のファイルのタブに表示されている「×」をクリックしてください。

ファイルを閉じる(1)

ファイルが閉じました。

ファイルを閉じる(2)

または閉じる対象のファイルがアクティブになっている状態で「ファイル」メニューをクリックし、表示されたメニューの中から「エディターを閉じる」をクリックしてください。

ファイルを閉じる(3)

ファイルを閉じる(4)

ファイルが閉じました。

ファイルを閉じる(5)

なお開いているすべてのファイルを閉じるには、エクスプローラーの画面で「開いているエディター」の右側に表示されている「すべてのエディターを閉じる」アイコンをクリックしてください。

ファイルを閉じる(6)

開いていたファイルがすべて閉じました。

ファイルを閉じる(7)

-- --

Visual Studio Code を使って作成済のファイルを開く方法、および開いたファイルを閉じる方法について解説しました。

( Written by Tatsuo Ikura )

プロフィール画像

著者 / TATSUO IKURA

これから IT 関連の知識を学ばれる方を対象に、色々な言語でのプログラミング方法や関連する技術、開発環境構築などに関する解説サイトを運営しています。