Visual Studio Code(VSCode)のインストールと日本語化の方法

Visual Studio Code(VSCode)のインストールと日本語化の方法

2021年2月19日

Visual Studio CodeとはMicrosoftが開発した無料で使えるソースコードエディタです。
通称VSCodeと呼ばれています。

Visual Studio Codeは初心者から上級者まで利用されていて現在エディタの中で最も多く利用されていると言われています。

今回はこのVisual Studio Codeのインストールから日本語化までの方法を紹介します。

初心者の方にもわかりやすいように画像を多めに解説していきます。

Visual Studio Codeの公式サイトへアクセス

まず、Visual Studio Codeのダウンロードページいきます。
下記の「ダウンロードページ」をクリックするとダウンロード画面にいきます。

Visual Studio Code 公式サイト
Visual Studio Code 公式サイト

赤枠の「今すぐダウンロード 」のボタンをクリックすると、ダウンロードページへ移動します。

Visual Studio Codeのダウンロード

Visual Studio Code ダウンロード画面
Visual Studio Code ダウンロード画面

Windows、Linux、Macのダウンロードリンクが用意されています。
今回はWindows10にインストールします。

Visual Studio Code ダウンロード画面
Visual Studio Code ダウンロード画面

Windows版では「User Installer」「System Installer」「.zip」の3種類がありますが、今回はUser installer版(64 bit)を選択します。
赤枠の「Windows」のロゴの下のダウンロードボタンをクリックすると、ダウンロードが開始されます。

Visual Studio Codeのインストール

デスクトップ

ダウンロードした赤枠のインストーラーを起動してインストールを開始します。

Visual Studio Codeのセットアップ画面

使用許諾契約書の同意の画面が出たら同意するにチェックし、「次へをクリックします。

Visual Studio Codeのインストール先

インストール先の指定の画面が表示されたらインストール先フォルダを選択し(特にこだわりがない場合はそのままでOK)、「次へ」をクリックします。

Visual Studio Codeのフォルダ先

プログラムグループの指定の画面が表示されたらプログラムグループを設定し(特にこだわりがない場合はそのままでOK)、「次へ」をクリックします。

Visual Studio Codeの追加タスクの選択

追加タスクの選択の画面が表示されたら「PATHへの追加」が選択されていることを確認し、追加でタスクがあれば選択します。
デスクトップにアイコンが欲しい場合は「デスクトップ上にアイコンを作成する」を選択してください。
問題なければ「次へ」をクリックします。

Visual Studio Codeのインストール準備完了

インストール準備完了の画面が表示されたら設定内容を確認し、「インストール」をクリックしてインストールを開始します。

Visual Studio Codeのセットアップ完了

インストールが完了の画面が表示されたら「完了」をクリックしてインストールは完了です。

Visual Studio Codeを日本語化する

Visual Studio Codeを日本語化にするには「Japanese Language Pack for Visual Studio Code」という拡張機能を追加する必要があります。
まずはVisual Studio Codeを起動します。

Visual Studio Codeの起動画面

起動するとこののような画面が表示されます。

Visual Studio CodeのCommand Paletteの起動

画面上部のメニューから、「View」 → 「Command Palette」の順にクリックします。
「Ctrl」+「Shift」+「P」でもOKです。

Visual Studio CodeのConfigure Display Languageの入力

検索ボックスが表示されたら「Configure Display Language」と入力します。
入力すると「Configure Display Language」が出てくるのでクリックします。

Visual Studio CodeでのConfigure Display Languageのインストール

現在は英語の言語パッケージしかインストールされていません。
日本語の言語パッケージをインストールするために「Install additional languages」をクリックします。

Visual Studio Codeでの日本語選択

画面左側にインストール可能な言語パッケージが表示されます。
この中から「Japanese Language Pack for Visual Studio Code」をクリックします。

Japanese Language Pack for Visual Studio Codeの詳細画面
Japanese Language Pack for Visual Studio Codeのインストール

「Japanese Language Pack for Visual Studio Code」の画面が表示されたら「install」 をクリックします。

Japanese Language Pack for Visual Studio Codeのインストール後

インストールが完了すると画面の右下に「Restart」と表示されるのでクリックします。

Visual Studio Codeの再起動後の画面

Visual Studio Codeを再起動すると言語が日本語になっています。
これで日本語化の設定は完了です。

まとめ

今回は、Visual Studio Codeのインストールと日本語化する方法を紹介しました。
Visual Studio Codeは使いやすく初心者にもおすすめなのでぜひ使ってみてください。