ide vscode

Visual Studio Code(VSCode)でWSLに接続します。

環境

  • Windows 10 64ビット
  • Visual Studio Code 1.87.2

前提

  • Visual Studio Codeをインストールしている。

設定の流れ

  1. WSLとUbuntuをインストールする。
  2. VSCodeの拡張機能のWSLをインストールする。
  3. リモートウィンドウを開く。

1. WSLとUbuntuをインストールする

WSLとUbuntuのインストールについてはこちらをご覧ください。

2. VSCodeの拡張機能のWSLをインストールする

VSCodeを開き、「拡張機能」をクリックします。
拡張機能を開くボタン

検索バーに「wsl」と入力し、検索結果の「WSL」をインストールします。
拡張機能のWSL

3. リモートウィンドウを開く

VSCodeの左下にある、リモートウィンドウを開くボタンをクリックします。
リモートウィンドウを開くボタン

VSCodeの上部にオプションが表示されるので、「WSLへの接続」をクリックします。 リモートウィンドウを開くオプション

WSLのデフォルトのディストリビューションであるUbuntuに接続されます。

WSLに接続したままWindows側のフォルダーを開く場合、「フォルダーを開く」ボタンをクリックします。
フォルダーを開くボタン

Windows側のフォルダーはWSLのUbuntuの /mnt/ ディレクトリにマウントされているので、/mnt/ ディレクトリ以下でフォルダを探します。開きたいフォルダーがCドライブの場合、/mnt/c/ ディレクトリ以下にあります。
例:
フォルダーのパス入力バー

フォルダーのパスを入力し、「OK」ボタンをクリックすとフォルダーが開かれます。