setup VS Code - Windows のインストール手順を追加

Author: laughk

source/ide/image01.png

@@ -6,3 +6,71 @@
 Windows、macOS でそれぞれ手順が違うので、分けて説明をします。
 また、インストールしただけではメニューがすべて英語となっているため、日本語化も行います。
 
+## Windows
+
+Windows では公式サイトからインストーラーを入手し、そのインストーラーを使ってインストールを行います。
+
+### 1. VS Code のインストーラーの入手
+
+次の VS Code 公式ページを開きます。
+
+[Visual Studio Code - Code Editing. Redefined](https://code.visualstudio.com/)
+
+「Download for Windows」というボタンをクリックするとインストーラーのダウンロードが始まります。
+
+![VS Code 公式サイトとダウンロードボタン](image01.png)
+_VS Code 公式サイト_
+
+ダウンロードが完了したら、インストーラーを保存できたことを確認しましょう。
+
+![ダウンロードフォルダにあるVSCodeUserSetup-x64-X.XX.X.exe](image02.png)
+_ダウンロードフォルダにあるVSCodeUserSetup-x64-X.XX.X.exe_
+
+確認が出来たら次のステップに進みましょう。
+
+### 2. VS Code のインストール
+
+先ほどダウンロードしたインストーラーを起動して VS Code のインストールを行います。
+「VSCodeUserSetup-x64-X.XX.X.exe」というファイルがあることを確認し、ダブルクリックで起動します。[^1]
+
+[^1]: X.XX.X はVS Codeのバージョンで、2021-10-10時点では 1.61.0 です。
+
+起動すると最初は次のウィンドウが現れます。VS Code を利用する上での使用承諾契約書への同意を求められるので、内容を確認し同意すると次に進めます。
+
+![使用承諾契約書への同意](image03.png)
+_使用承諾契約書への同意_
+
+使用承諾契約書へ同意すると、次はインストール先を求められます。特段理由がなければ最初から指定されている内容で問題ありません。
+
+![インストール先の指定](image04.png)
+_インストール先の指定_
+
+インストール先を決めると、今度はスタートメニューフォルダを指定するように求められます。こちらも特段理由がなければそのまま進めて問題ありません。
+
+![スタートメニューフォルダの指定](image05.png)
+
+次は「追加タスクの選択」というメニューが現れます。こちらもそのままの状態ですすめて問題のないものですが、必要なものがあればチェックを入れるのもよいでしょう。
+
+また、「PATHへの追加（再起動後に使用可能）」にチェックを入れておくと、PowerShellなどのCLI操作の際に `code` コマンドの実行で VS Code の利用ができるようになります。
+
+![追加タスクの選択](image06.png)
+_追加タスクの選択_
+
+ここまで進むと、インストール前の最終確認の画面が現れます。
+内容を確認し、問題がないなら「インストール」をクリックしましょう。
+
+![インストール準備完了](image07.png)
+_インストール準備完了_
+
+「インストール」をクリックすると、次のような画面に変わります。
+インストールが完了すると自動で次の画面に進むので、しばらく待ちましょう。
+
+![インストール状況](image08.png)
+_インストール状況_
+
+インストールが完了すると次のような画面になります。
+「Visual Studio Code を実行する」チェックは必須ではありませんが、すぐに日本語化できるようにチェックをつけたままにしておくと良いでしょう。
+
+![VS Code セットアップウィザードの完了](image09.png)
+_VS Code セットアップウィザードの完了_
+