https://code.visualstudio.com/にアクセス(Access the link at https://code.visualstudio.com/.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-05-3957ddfc81483903cb1db05ea3caaeb8.png)
以下をダブルクリック(Double-click the following.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-05-e8aae38b09ace85b865fda2651fb5b97.png)
同意するを選択し次へ(Select “Agree” and then choose “Next”.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-05-93eba24eb10751c3511a8b9acf2a49bb.png)
次へをクリック(Click “Next”.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-05-e00b604bbf8ea88926f3fa67034b42bd.png)
次へをクリック(Click “Next”.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-06-51e06db469b408a9c99d50cec50d057c.png)
以下にチェックを入れ次へ(Check the box below and then click “Next”.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-06-4078ecd322e6961c4ca59f895afe958a.png)
インストールをクリック(Click “Install”.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-06-81a468c7512d845ae3e7fb5803d38fea.png)
完了をクリック(Click “Finish”.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-06-9809cd636c83f266684c3444219f8ccc.png)
メニューなどを日本語にしたい場合、View→Command Paletteを選択
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-06-7b0a47f834f6641d06913010b0bea45b.png)
検索ボックスにlanguageと入力→Configure Display Languageを選択
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-06-84f633a595ac1518563faaa99ef6d31d.png)
日本語を選択
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-07-2ed870e1eef0e624d402a5f3454f6960.png)
Restartをクリックするとメニューが日本語化される
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-07-e6ebcff41daef8886bb13bd23beb85e3.png)
HTMLなどを記述した後に右クリックでブラウザで確認出来るようにする設定(After writing HTML or similar code, configure it so you can check it in the browser by right-clicking.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-07-6f8cc0046bb9580e4eeb634196f7c94e.png)
VSCode画面の左上にマウスを持ってくるとファイル作成などのアイコンが表示される(When you hover your mouse over the top-left corner of the VSCode screen, icons for file creation and more are displayed.)
![](https://img-c.udemycdn.com/redactor/raw/article_lecture/2023-07-27_02-22-07-7a7f0f543762dd2cf2fcfac2ee51ca10.png)
コードのインデント(字下げ)を行う
Alt+Shft+F