この記事では、Visual Studio Codeのインストールから日本語表記にするまでの手順を解説します。
Visual Studio Codeをインストール
Visual Studio Codeの公式ページへアクセスします。
ここで、お使いのOSに合ったインストーラーをクリックしてください。
※この記事ではMacで進めていきます。
![vscode インストール](https://rinblog.org/wp-content/uploads/2021/01/9ae7491c4a0bf05034ab725a627580d7.png)
ダウンロードできたzipファイルをダブルクリックして、解凍されたVisual Studio Codeをダブルクリックすると、下記のような画面が開きます。
![vscode 起動画面](https://rinblog.org/wp-content/uploads/2021/01/b6e89d8175199078da608de286f7321e.png)
Visual Studio Codeを日本語化する
Visual Studio Codeは、デフォルトで英語表記となっています。
そこで、表記を日本語に変更したい場合は、下記の手順に沿って設定する必要があります。
- Visual Studio Codeを開く
- メニューバーから、View > Command Palette の順にクリック
- Configure Display Language > Install additional Languages の順にクリック
- Japanese Language Pack for Visual Studio Code をインストール
- Visual Studio Codeを再起動
では、それぞれ解説していきます。
1.Visual Studio Codeを開く
Visual Studio Codeのアイコンをダブルクリックして開きます。
![vscode 起動画面](https://rinblog.org/wp-content/uploads/2021/01/b6e89d8175199078da608de286f7321e.png)
2.メニューバーから、View > Command Palette の順にクリック
Visual Studio Codeを起動できたら、メニューバーから、View > Command Palette の順にクリックします。
操作に慣れている方は、ショートカットで「shift + command + p」を押すことで開きます。
![vscode Command Palette](https://rinblog.org/wp-content/uploads/2021/01/861408625388b2810e4ca805338b1c93.png)
3.Configure Display Language > Install additional Languages の順にクリック
下記画像のような検索ボックスが表示されるため、ここに「Configure Display Language」を入力して選択してください。
![vscode Configure Display Language](https://rinblog.org/wp-content/uploads/2021/01/8989490a7f1c9217413b697671600eaf.png)
「Install additional Languages」をクリックします。
![vscode Install additional Languages](https://rinblog.org/wp-content/uploads/2021/01/9d196a4b8c63bf3a430f72ab616cfc57.png)
4.Japanese Language Pack for Visual Studio Code をインストール
画面左側にインストール可能なパッケージがずらっと並んでいます。この中から、「Japanese Language Pack for Visual Studio Code」をクリックして、開いた画面の「Install」をクリックします。
![vscode Japanese Language Pack for Visual Studio Code](https://rinblog.org/wp-content/uploads/2021/01/60c828153a30b3b745724323ebaa47b1.png)
5.Visual Studio Codeを再起動
インストールができたら、Visual Studio Codeを再起動します。「Japanese Language Pack for Visual Studio Code」をインストールした後に、画面右下に表示されるポップアップ内の「Restart Now」をクリックすれば再起動されます。
※もしくは、Visual Studio Codeを閉じて、再度立ち上げても大丈夫です。
再起動後、日本語表記になっていたら設定は完了です。
![vscode 再起動](https://rinblog.org/wp-content/uploads/2021/01/0e01ed90c1079df97b3e5e779c3e58f2.png)
Visual Studio Codeを使いこなそう
この記事ではVisual Studio Codeを日本語化する手順を解説しました。
初めての方にはこれだけでも大変な作業に感じるかもしれませんが、Visual Studio Codeはプログラミングツールとしてもっと便利に、自分好みにカスタマイズしていくことができます。
下記の記事で、ぼくがWebコーディングで使用しているプラグインを解説しているのでぜひ参考にしてみてください。
▼WebコーダーがVSCodeに入れるべきプラグイン7つ【初心者向け】
![](https://rinblog.org/wp-content/uploads/2021/01/vscode-plugin-320x180.jpg)