WindowsでLinuxベースの開発環境を作成しVS Codeから直接使用する

概要

• WindowsのLinux仮想環境であるWSL2をVS Codeから利用する。
  • 殆どの人は、開発プラットフォームとしてVS Codeを使っているためシームレスにLinux開発が可能
  • VS Code組み込みのターミナル、エディタ、拡張機能(Git, Intellisens, Lint等)を使用可能。
  • Intellisense コード補完、リンティング、デバッグ サポート、コード スニペット、ユニット テストなどの VS Code の機能を利用する
• 構成の概念図
  

VS Code環境の設定

1. 拡張機能：Remote Developmentをインストール
   • VS CodeのExtensionsからインストール
     
   • (補足) Remote Development同梱のWSL 拡張機能がインストールされているかを確認

     PS C:\Windows\system32> ls $HOME/.vscode/extensions/*wsl*
     
     Mode                 LastWriteTime         Length Name
     ----                 -------------         ------ ----
     d-----        2024/01/09     13:56                ms-vscode-remote.remote-wsl-0.81.8
     

wsl/ubuntuインストール

1. Windowsの「スタートボタン」→「Windowsシステムツール」→「コントロールパネル」→「プログラム」→「Windowsの機能の有効化または無効化」
   1. 「Linux用Windowsサブシステム（WSL）」を有効に
   2. 「仮想マシン プラットフォーム」を有効に
2. wsl2バージョンを指定し、wslをupdate

   PS C:\Windows\system32> wsl --set-default-version 2
   WSL 2 との主な違いについては、https://aka.ms/wsl2 を参照してください
   この操作を正しく終了しました。
   

   PS C:\Windows\system32> wsl --update
   インストール中: Linux 用 Windows サブシステム
   Linux 用 Windows サブシステム  はインストールされました。
   

3. wsl2/ubuntuをインストール

   PS C:\work\git\wsl> wsl --install -d Ubuntu 
   

4. wsl2/ubuntuバージョンの確認

   PS C:\Windows\system32> wsl --list -v
   NAME            STATE           VERSION
   * Ubuntu-22.04    Running         2    
   

5. ubuntuのupdate
   • [ubuntu] ~$ sudo apt-get update
6. wget, ca-certificatesの追加
   • [ubuntu] ~$ sudo apt-get install wget ca-certificates

VS CodeからWSL2に接続

1. コマンドパレット(Ctrl ＋Shift ＋ P)より、WSL: Connect To WSLを実行
   

2. Ubuntu上にcodeサーバがインストールされ、VS CodeからSSH接続される。

3. VS CodeでTerminalを開くと、Ubuntu端末を開くことができる。
   

git連携

• VS Codeのgit連携機能は既定状態で使えるようです。
  

所感

• VS Codeの素晴らしさよ！！
• vmware, virtualboxはもう不要？

参考

• https://learn.microsoft.com/ja-jp/windows/wsl/tutorials/wsl-vscode