Visual Studio Code をインストールする

上記公式の内容を手順だけ抜き出したもの。

拡張機能 WSLをインストール

  • 拡張機能WSLをインストール

便利な拡張機能

※ Node.js Extension Pack が公式にはリンクとして貼り付けられているが、現在非推奨とのことで、パッケージの中身を貼っておく。

以下のように、拡張機能が「LOCAL-インストール済み」「WSL:UBUNTU-22.04-インストール済み」「推奨」と表示され、向かって左下に「WSL:Ubuntu-22.04」と表示されていれば成功。

VS Code 拡張機能

WSLへ接続

向かって左下のマークをクリック。
WSLへ接続

「WSLへ接続」を選択、クリック。
WSLへ接続

左上のファイルアイコンをクリック、「フォルダーを開く」をクリック。
WSLへ接続

Ubuntuのユーザのホームディレクトリが選択されているので、「OK」をクリック。
WSLへ接続

WSLへ接続し、Ubuntuの環境のワークスペースが完了。
WSLへ接続したワークスペース