「Visual Studio Code(VSCode)」を日本語化する方法を解説!

Visual Studio Code(VSCode)というアプリケーションがあります。これは初期では英語表記で、日本語化設定が必要です。この記事ではVisual Studio Code(VSCode)を日本語化する方法について説明していきます。

「Visual Studio Code(VSCode)」を日本語化する方法を解説!のイメージ

目次

  1. 1Visual Studio Code/VSCodeとは?
  2. マイクロソフトのソースコードエディタのこと
  3. 初期設定では画面表示は英語
  4. 2Visual Studio Code/VSCodeの導入方法
  5. 導入の手順
  6. 3Visual Studio Code/VSCodeを日本語化する方法~設定~
  7. 設定を変更する手順
  8. 4Visual Studio Code/VSCodeを日本語化する方法~言語パック~
  9. 言語パックを導入する手順
  10. 最後に
  11. 合わせて読みたい!Windowsに関する記事一覧

Visual Studio Code/VSCodeとは?

Visual Studio Code(VSCode)というアプリケーションがあります。聞いたことのある人とない人とがいると思います。

マイクロソフトのソースコードエディタのこと

Visual Studio Code(VSCode)はMicrosoft(マイクロソフト)によって開発され、2015年にリリースされた無料のソースコードエディタのことです。

多くのプログラミングコードに対応しており、様々な拡張機能もあって利用したいプログラミング内容に応じてカスタマイズすることができます。

Visual Studio Code – コード エディター | Microsoft Azure

初期設定では画面表示は英語

そのVisual Studio Code(VSCode)ですが、初期設定では画面の表示は英語になっています。英語のままでも利用できないことはありませんが、画面表示が日本語化してあった方が見やすいというのは自明の理でしょう。

この記事では、そのVisual Studio Code(VSCode)を英語表記から日本語化する方法についての説明をしていきます。

Thumb【VScode/IDE化】「Java」の環境構築をする方法!
軽量で使いやすいテキストエディタVScodeでJavaの開発環境を整える方法を紹介します。J...

Visual Studio Code/VSCodeの導入方法

Visual Studio Code(VSCode)を日本語化する設定の前に、まずはこのアプリケーション自体のインストール方法についての説明をしてきましょう。

導入の手順

Visual Studio Code(VSCode)は、Microsoft(マイクロソフト)のホームページからダウンロードおよびインストールを行うことができます。インストール画面はパソコンの言語設定が影響しているようで日本語になっているため安心してください。

ソフトのダウンロード

まずはVisual Studio Code(VSCode)のインストーラーをダウンロードしなければなりません。下記リンク先へアクセスしてください。

Visual Studio Code - Code Editing. Redefined
VSCodeのインストーラーをダウンロード

「Download for Windows」をクリックします。利用しているOSがWindows以外の場合は下向き矢印からOSを選択してダウンロードするインストーラーを選択しましょう。

適当な場所(探しやすい場所)へダウンロードしたインストーラーを保存します。デスクトップやダウンロードフォルダなどを利用してください。

ソフトのインストール

VSCodeのインストーラーを開く

VSCodeUserSetup~」というようなファイルが保存されますので、それをダブルクリックして開きましょう。

「同意する」を選択

使用許諾契約書への同意画面になりますので、「同意する」を選択しましょう。

使用許諾契約書で「次へ」をクリック

「次へ」をクリックします。

インストールする場所を指定し「次へ」

Visual Studio Code(VSCode)のインストール先の選択画面になります。特にこだわりがなければこのまま「次へ」をクリックしましょう。

プログラムグループを指定して「次へ」

プログラムグループの指定の画面になります。「次へ」をクリックしましょう。

「デスクトップ上にアイコンを作成する」にチェックを入れておくと良い

追加タスクの選択画面になります。「デスクトップ上にアイコンを作成する」を選択しておくとVisual Studio Code(VSCode)の利用が便利ですので、チェックを入れておくことをお勧めします。

追加タスクの選択画面で「次へ」

「次へ」をクリックしましょう。

インストール開始

インストール準備完了画面になります。内容に問題がなければ「インストール」をクリックしてください。

インストールが終わるまで待つ

セットアップ画面になりますので、完了するまで待ちましょう。セットアップには数分かかります。

VSCodeインストール完了

上記画面になったらVisual Studio Code(VSCode)のインストールは完了となります。

Thumb「Vim」から「VScode」へ移行する方法を解説!
人気のエディタである「Vim」と「VScode」ですが、今回の記事ではVimからVScode...

Visual Studio Code/VSCodeを日本語化する方法~設定~

さて、ようやくVisual Studio Code(VSCode)を日本語化する設定方法の説明に移ります。

設定を変更する手順

設定を変更する手順ですが、実は、現在ここで説明する方法のみで行うことはできません。

後述する言語パックを利用(+ここで説明する設定)でVisual Studio Code(VSCode)を日本語化することが可能です。後述する方法に付随することとはなりますが、これのみで可能な場合もありますので先に説明しておきましょう。

コマンドパレットを開く

locale.jsonを変更することになりますので、「Ctrl(command)+Shift+P」でコマンドパレットを開いてください。

「Configure Language」と入力

「Configure Language」と入力してlocale.jsonを開き、"locale": "en"の「en」を「ja」に変更します。VScodeを再起動して完了です。(※旧バージョンでの方法ですので、現在のバージョンの場合は後述する方法で日本語を選択してください)

なお、現在のバージョンではこれ単体で日本語表示にすることができません。初期状態では選択できるのはen(英語)のみとなります。

かなり前の旧バージョンをインストールしたまま、という人はこの方法を用いればできないこともないかもしれませんが、基本的には次に説明する日本語パックを利用することとなります。

Thumb 【Visual Studio Code】使い方/インストール方法を解説!
Visual Studio Codeの使い方・インストール方法を解説します。軽量テキストエデ...

Visual Studio Code/VSCodeを日本語化する方法~言語パック~

さて、Visual Studio Code(VSCode)を日本語化するのに一番簡単な方法は、Visual Studio Code(VSCode)の拡張機能の言語パックを利用して日本語化する方法になります。

言語パックを導入する手順

Visual Studio Code(VSCode)に日本語の言語パックを導入する手順ですが、比較的簡単です。検索して拡張機能をインストールして再起動する、という流れでできます。

拡張機能で日本語パックを検索

拡張機能(四角が四つ並んだマーク)を開く

Visual Studio Code(VSCode)で言語パックを検索しましょう。左側メニューにある四角が4つあるマークをクリックします。

Japanese Language Pack for Visual Studio Code
「Japanese Language Pack」と入力

検索窓がありますので、そこに「Japanese Language Pack」と入力してください。(一応拡張機能のリンク先としては下記になります。

「Japanese Lang…」と表示されている部分をクリック

「Japanese Lang…」と表示されている部分(マイクロソフトが提供しているもの)がありますので、そこをクリックしてみてください。

日本語化する拡張機能

「Japanese Language Pack for Visual Studio Code」と表示されているものがVisual Studio Code(VSCode)を日本語化できる拡張機能になります。これをインストールすれば初期の英語表示から日本語に変更することができます。

インストールを選択して実行

「Install」ボタンをクリック

Install」ボタンをクリックしてください。

「Restart Now」をクリック

Visual Studio Code(VSCode)の再起動を促す画面が表示されますので、「Restart Now」をクリックして一度Visual Studio Code(VSCode)を再起動してください。

再起動して日本語化を確認

Visual Studio Code(VSCode)を再起動して、表示が日本語化されていれば成功となります。日本語化されていない場合、前述したlocale.jsonを変更しますが、現在のバージョンでの変更方法の説明を行います。

「Configure Language」と入力してEnterキー

「Ctrl(command)+Shift+P」でコマンドパレットを開き、「>」の後ろに「Configure Language」と入力しましょう。Enterキーを押して確定します。

「ja」を選択

日本語化する拡張機能がインストールされたことにより、言語の選択肢に「ja」(日本語)が増えますので、「ja」をクリックして日本語に変更します。

「Restart」をクリックしてVSCodeを再起動

再起動すれば言語を日本語にした設定が反映される旨が表示されますので、「Restart」をクリックしてVisual Studio Code(VSCode)を再起動してください。

日本語表記になっていれば完了

日本語表記になっていれば今度こそ成功です。

最後に

英語表記では何が何やら分からず利用しづらいという人もいるでしょう。

Visual Studio Code(VSCode)はさまざまなプログラミング言語に対応しているだけあって利用者も多く、日本語での利用の方が分かりやすいという人が大多数だと思いますので、説明してきた方法でソフトの言語を日本語に変更して利用してみてください。

Thumb「Visual studio code」で「Git」を使う方法!
Visual studio code(VScode)でGitを使う方法は、初心者には難しいイ...

合わせて読みたい!Windowsに関する記事一覧

Thumb【Windows10】Windowsセキュリティのアプリとファイルの確認方法を解説!
Windows10のWindowsセキュリティのアプリとファイルの確認方法を解説します。Wi...
Thumb【Windows10】マカフィーをアンインストールできないときの原因を解説!
気づいたらインストールされているマカフィーですが、アンインストールできない場合があるようです...
Thumb【Microsoft】新OS「Windows 10X」を2画面PC用に発表!
Microsoftが、2画面PC「Surface Neo」及び2画面PC用OS「Window...
ThumbウイルスバスターのせいでWindowsが重いときの対処法!
皆さんはウイルスバスターでWindowsのパソコンが重くなっていることはありませんでしょうか...

関連するまとめ

Original
この記事のライター
八千草 蛍
分かりやすく気軽に読める記事を書いてまいりたいと思います。よろしくお願いいたします。