Visual Studio Code のインストール方法(Windows版)

# 初めに
Windows版のVisual Studio Code のインストール方法についてまとめます。
|手順No|方法|
|---|---|
|手順1|[インストーラのダウンロード](#手順1インストーラのダウンロード)|
|手順2|[Visual Studio Codeのインストール](#手順2visual-studio-codeのインストール)|
|手順3|[Visual Studio Codeの日本語化](#手順3visual-studio-codeの日本語化)|

# 手順1:インストーラのダウンロード
以下のサイトからインストーラをダウンロードします。

https://code.visualstudio.com/download

上記をクリックすると以下のように表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/80db5b8b-0046-4851-6e40-acde08460678.png)
今回は「__Windows__」を想定しますので「__Windows版__」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/79ac53dd-79c2-b42b-719c-496217cfd1b6.png)
クリックと同時に「__VSCodeUserSetup-x64-1.69.2__」がダウンロードされます。（__※数分かかります__）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/09699ac2-eb66-1a87-59cc-4bd43da6e970.png)

# 手順2:Visual Studio Codeのインストール
手順1でダウンロードしたインストーラ(__VSCodeUserSetup-x64-1.69.2__)を実行してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/e03d71be-97b8-1bab-9d7e-de12c887515b.png)
「__同意する(A)__」を選択して、「__次へ(N) >__」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/228e4943-b67b-f679-efc2-4167fc336d6f.png)
任意のVisual Studio Codeのインストール先を指定してください。(記事では __C:\Microsoft VS Code__ にインストールしています。)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/5dc5de08-420a-51b4-92d7-aaa840645e23.png)
Windows のスタートメニューに Visual Stddio Code のメニューを追加する場合はそのまま「__次へ(N) >__」をクリックしてください。追加したくない場合は「__スタートメニューフォルダーを作成しない(D)__」にチェックを入れて「__次へ(N) >__」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/775564db-cc76-fc0b-e42b-a5919ba74992.png)
追加タスクを選択できます。必要なタスクがある場合はそれを選択してください。(__今回は全部選択しています。__)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/38ef19de-1913-91ff-2453-7aa4f2807b8b.png)
「__インストール(I)__」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/79f10ffd-bcb0-81b7-8e72-9237287e2214.png)
インストールを開始します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/334fa21d-cef4-d980-c190-89be7a447a4c.png)
以下のように表示されたらインストール完了です。「__完了__」ボタンを実行してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/1958e71a-a195-cb0c-ed87-adfb5db1c508.png)
Visual Studio Codeが起動したらインストールの成功です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/4cd8ef22-1fd0-9bb8-2f28-76a18751062d.png)
インストール先のフォルダ(記事では __C:\Microsoft VS Code__)を見るとインストールされていることを確認できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/6378540d-f77a-12df-b0ef-a6989809f5d5.png)

# 手順3:Visual Studio Codeの日本語化
インストール直後の起動では以下のようなものが右下に表示されていると思うので「__インストールして再起動(Install and Restart__」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/f3bcb34f-fde2-498f-fcf0-1ecf9fd9a974.png)
Visual Studio Codeが再起動され、日本語化されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/4e5bf363-6182-645d-ce7d-20aed58818bc.png)

もし、表示されない場合は、以下の名前の拡張機能をインストールします。
```:拡張機能名
Japanese Language Pack for Visual Studio Code
```
このマークをクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/20fe619c-92bd-93ca-bae2-29dc2f939a5d.png)
クリックすると以下のように表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/826ff052-adef-db0c-7982-993e10432e03.png)
下記の拡張機能の名前をコピーして、検索ボックスに入力してください。
```:拡張機能名
Japanese Language Pack for Visual Studio Code
```
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/49649f73-6a02-c067-42eb-935203d66608.png)
一番上の「__Japanese Language Pack for Visual Studio Code__」を選択してください。以下のように表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/52c3b656-c8dc-66ab-3c33-5519eb5949f2.png)
「__Install__」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/8ad10e19-f2f5-29ed-cc6a-c6910ab13cf8.png)
「__INSTALLED__」に追加されたらインストールの完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/f10b46bf-8102-0a36-942f-09bf1bdbad49.png)
インストールの完了と同時に以下が右下に出ると思いますので「__Restart__」をクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/4661299a-d084-dc61-0d81-e66f0212e22f.png)
もし、表示されない場合は手動で閉じて再度Visual Studio Codeを起動してください。以下のように日本語化されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2663952/a5ad6270-6833-8329-d591-a5dd4924b973.png)