Visual Studio Code WSL 拡張機能を設定する

完了

Visual Studio Code WSL 拡張機能を使用すると、Visual Studio Code から直接、Linux 用 Windows サブシステム (WSL) をフルタイムの開発環境として使用できます。 Linux ベースのツール、ランタイム、ユーティリティを使用して開発しながら、Windows のすべての生産性を活用することができます。

この統合により、開発者は Visual Studio Code の豊富な機能を活用しながら、さまざまな Linux ツールとユーティリティを利用できます。

  • シームレスな統合:Windows ベースのツールを使用して Linux でファイルの編集を行うことはできますが、Windows で簡単に実行したりデバッグしたりすることはできません。Linux 上で行ったのと同じツールをすべて Windows にインストールする必要があるため、分離された Linux 環境を用意するという目的を達成できません。

  • 統合された開発エクスペリエンス:Visual Studio Code と WSL 拡張機能を組み合わせると、Visual Studio Code の UI が Windows 上で実行され、お使いのすべてのコマンド、拡張機能、さらにはターミナルが Linux 上で実行されます。 Linux にインストールされているツールとコンパイラを利用して、オートコンプリートやデバッグなど、Visual Studio Code の完全なエクスペリエンスを実現できます。

Visual Studio Code WSL 拡張機能をインストールする

WSL 拡張機能が示されている Visual Studio Code 拡張機能タブのスクリーンショット。

Visual Studio Code で、ウィンドウの左側のアクティビティ バーにある [拡張機能] アイコンを選択して、[拡張機能] ビューに移動します。

  1. サイドバーから [拡張機能] を選択します。
  2. [拡張機能] ビューの検索バーで、「WSL」を検索します。
  3. Microsoft によって公開されている拡張機能を見つけます。
  4. [インストール] ボタンを選択します。

Visual Studio Code で WSL に接続する

WSL コマンドに接続する Visual Studio Code WSL のスクリーンショット。

  1. Visual Studio Code で、コマンド パレットを開き (Ctrl + Shift + P)、「WSL:Connect to WSL」と入力します。

    • Visual Studio Code が再読み込みされ、WSL に接続されます。
    • 右下隅のリモート インジケーターに、Visual Studio Code が WSL:Ubuntu に接続されていることが示されていることに注意してください。

    WSL への接続中にエラーが発生した場合は、コマンド パレットを開き、「WSL:Connect to WSL using Distro」と入力してから、[Ubuntu] を選択してみてください。

  2. 新しいターミナル (Ctrl + `) を開き、パスが WSL のファイル パスに対応していることに注目してください。

Visual Studio Code WSL ターミナルのスクリーンショット。

  1. ターミナルで、「uname」と入力し、Enter キーを押すと、出力は「Linux」になるはずです。

Visual Studio Code で WSL から Python プロジェクトを開く

WSL を使用して Visual Studio Code で Python プロジェクトを開いている様子を示すスクリーンショット。

  1. コマンド パレットを開き (Ctrl + Shift + P)、「WSL:Open folder in WSL」と入力します。

  2. helloWorld フォルダーを選択します。 ドロップダウンに表示されない場合は、パス /home/your-username/helloWorld/ を入力します。

  3. [OK] を選択します。 Visual Studio Code が再読み込みされ、フォルダーが開きます。

  4. エクスプローラー (Ctrl + Shift + E) で、hello.py ファイルが表示されていることを確認します。

    • また、ターミナル (Ctrl + `) に、helloWorld フォルダーが開かれていることが示されていることにも注目してください。

これで、プロジェクトが開き、作業する準備が整いました。