Windows環境にWSL2とVsCodeをインストール

# WSLとは
WSL（Windows Subsystem for Linux）は、Windows上でLinux環境を動かすための仕組みです。

https://learn.microsoft.com/ja-jp/windows/wsl/about
# OSとは
OS(Operating System)とは、コンピュータシステムの基盤となるソフトウェアです。OSはハードウェアとソフトウェアの間に位置し、コンピュータのリソースを管理し、他のソフトウェアやユーザーがハードウェアを利用するための環境を提供します。

OSの仕事は、以下の通りです。
１．リソース管理：OSはハードウェアリソース（CPU、メモリ、ディスク、ネットワークなど）の管理を担当します。それぞれのプロセスやアプリケーションが必要なリソースを適切に割り当てられるように調整し、競合や衝突を回避します。

２．プロセス管理：OSはプロセス管理を行い、実行中のプログラムやアプリケーションを制御します。プロセスの生成、スケジューリング、優先順位の調整、同期、通信などを担当し、効率的なタスクの実行をサポートします。

３．メモリ管理：OSはメモリの管理を担当し、プロセスが必要とするメモリ領域を割り当てます。また、メモリの保護や共有、仮想メモリの管理なども行います。

４．ファイルシステム管理：OSはディスク上のファイルやディレクトリを管理し、ファイルの作成、削除、読み書きなどの操作を提供します。ファイルの保護やアクセス権の管理も行います。

５．ユーザーインタフェース：OSはユーザーとコンピュータの対話を可能にするユーザーインタフェースを提供します。これには、コマンドラインインタフェース（CLI）やグラフィカルユーザーインタフェース（GUI）などが含まれます。

<img width="400" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/872f7003-c1c3-8121-928e-0115cc8b3dc7.png">

# WSL2と仮想化技術
仮想マシン（Virtual Machine）は、ハードウェア上で論理的に分離された仮想的なコンピュータシステムです。1台の物理的なコンピュータ上で複数の仮想マシンを実行することができます。

仮想マシンは、ホストマシン（物理的なコンピュータ）とゲストマシン（仮想マシン）という2つの主要なコンポーネントで構成されています。ホストマシンは物理的なハードウェアを提供し、仮想マシンが実行されます。ゲストマシンは仮想化された環境内でオペレーティングシステム（例：Windows、Linux）やアプリケーションを実行します。

WSL2はWindowsの仮想化技術であるHyper-Vのハイパーバイザーを利用して仮想のLinuxマシンを作成して動作を行います。VMと比較して、WSLの最大の利点は、軽量、高速起動、簡単インストール、Windowsとの密接な統合です。

<img width="600" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/752989d5-6abc-3dfb-a5de-e1dbfe6820e6.png">

<img width="400" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/cf91e1e7-258f-8067-7bf3-05d1813355e0.png">

引用：https://www.thomasmaurer.ch/2019/06/install-wsl-2-on-windows-10/

# WSL2のインストール
ここからWSL2のインストール手順について説明します。今回はUbuntuをインストールしていきます。
まずは、WindowsでPoweshellを管理者権限で開きます。

下のタスクバーに検索ボックスがない場合は、タスクバーを右クリックし、「検索」→「検索ボックスを表示」をクリックすると、検索ボックスが出てきます。
<img width="600" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/5048378d-31d9-a0e6-3780-3c66ee097e6d.png">

検索ボックスに「PowerShell」と入力し、「管理者として実行する」をクリックするとPowerShellが開きます。
<img width="600" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/ae234491-073b-c420-c7b9-9a19b59567e4.png">
<img width="600" alt="image.png"" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/1ed4b53c-c629-6c48-1a6f-d24e4a760e11.png">


以下のコマンドを入力します。
```command:コマンド
wsl --install -d Ubuntu
```

```result:実行結果
インストール中: Ubuntu
Ubuntuはインストールされました。
Ubuntuを起動しています...
```
Ubuntuの初回の起動時には、```ユーザ名```と```パスワード```の入力を求められるので自由に入力してください。
<img width="700" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/ed2e67d1-2830-347c-c22a-465ed36454cb.png">

# Visual Studio Codeのインストール
以下のサイトからVisual Studio Codeのインストーラーをダウンロード
https://code.visualstudio.com/

<img width="700" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/980e5eef-a369-0780-2a78-28cb331f727e.png">

ダウンロードしたインストーラーを実行し、手順に沿って進めていきます。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/40dab18c-199f-33ce-2f7d-6b365f97287b.png">

<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/47184493-a1d4-4fee-8e13-7b7c1f005e19.png">

<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/1a81a4d0-2825-a840-ee8c-a04dbcf91497.png">

追加タスクに関しては、特にいじる必要がないと思います。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/7f11b4dc-a022-f194-45cc-096528d5ddfd.png">

<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/e3c3668b-dbd9-a321-1d52-73733fffbfc7.png">

VsCodeを起動したら、Extensionsアイコンをクリックします。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/2a0d8b9c-af8e-e85b-50da-580587d340ba.png">

Extensionsでは拡張機能をインストールすることが出来ます。今回は、VsCodeでWSLを使用できるようにします。
検索欄で「remote development」と入力します。すると、「Remote Development」という拡張パックがあるので、それを選択して「install」をクリックします。
<img width="600" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/e349c89d-98ac-440a-9249-049b8e418221.png">

「Remote Development」のインストールが完了したら、左下の水色の部分をクリックします。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/3f75d66b-b887-9f86-7fac-ec3ac2fea2f9.png">

「Connect to WSL」を選択します。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/ca76f128-cf03-c17e-b1c3-265ff622a45d.png">

左下が「WSL:Ubuntu」となっていれば成功です。これで、VsCode上でWSLが使用できるようになりました。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/05bb6508-aaa8-75df-dee6-1bc962bcfe24.png">

# VsCodeを日本語化する
Extensionsアイコンをクリックします。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/f183732a-04e6-21d1-6e6c-2abae7c0b00f.png">

検索欄で、「Japanese Language Pack for Visual Studio Code」と入力すると、「Japanese Language Pack for Visual Studio Code」という拡張パックが出てくるので、それを選択し、「install」をクリックします。
<img width="700" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/dff0642c-78c4-ab88-7443-9b3296dd562e.png">

インストールが完了すると、右下にポップアップが出てくるので「Change Language and Restart」をクリックします。
<img width="500" alt="image.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3300456/5e288328-dcc0-f7d1-7e74-98ebab6ab8cf.png">