スポンサーリンク

Visual Studio Code インストールと日本語化

プログラム プログラム
program

 多くの開発言語に対応しているコードエディタ Visual Studio Code を Windows10 へインストール日本語化する手順を初心者でもわかりやすいよう画像で細かく解説します。


Visual Studio Code インストーラのダウンロード

 まずはインストーラをダウンロードするため、 Visual Studio 公式サイト へアクセスします。
※ブラウザは Edge を使用して操作しています。

vscode_01

 画面中央の Visual Studio Code と記載されている箇所全体が表示されるよう、少し画面を下にスクロールします。

vscode_02

 Visual Studio Code のダウンロードと表示されている箇所をクリックすると、インストーラのダウロードが開始されます。

vscode_03

 ブラウザ左下にダウンロード状況が表示されます。ダウンロードが完了したら、ダウンロードフォルダを開きます。

vscode_04

 ダウンロードフォルダに格納されている VSCodeUserSetup-x64-1.50.1.exe がインストーラです。ファイル名後方の数値部(1.50.1)は、ダウンロード時のバージョンの値となります。以上でインストーラのダウンロードは終了です。


Visual Studio Code インストール

 Visual Studio Codeインストールを行います。インストーラをダブルクリックで実行し、セットアップを起動します。

vscode_05

 セットアップが起動すると「使用許諾契約書の同意」が表示されますので、「同意する」を選択し、「次へ」ボタンをクリックします。

vscode_06

 「インストール先の指定」が表示されます。インストール先フォルダの変更、指定が可能ですが、変更せずに次へ」ボタンをクリックします。

vscode_07

 「スタートメニューフォルダーの指定」が表示されます。そのまま「次へ」ボタンをクリックします。

vscode_08

 「追加タスクの選択」が表示されます。「PATHへの追加(再起動後に使用可能)」にチェックが入っていることを確認してください。チェックが入っていない場合はチェックを入れます。

vscode_09

 その他は好みに応じてチェックを入れ、「次へ」ボタンをクリックします。
 ここでは、ファイル及びフォルダーをVisual Studio Code で直接開く事ができるように、コンテキストメニューへの追加(2項目)にチェックを入れています。

vscode_10

 「インストール準備完了」が表示されます。これまで設定してきた内容に誤りが無いことを確認し、「インストール」ボタンをクリックします。

vscode_11

 「インストール状況」が表示され、インストールが開始されます。インストールが完了するまで、そのまま待機します。

vscode_12

 インストールが完了すると「Visual Studio Code セットアップウィザードの完了」が表示されます。「完了」ボタンをクリックし、セットアップを終了します。「Visual Studio Code を実行する」にチェックが入っていると Visual Studio Code が起動します。

vscode_13

Visual Studio Code 日本語化

 Visual Studio Code のインストール直後は英語表記になっています。拡張機能を設定し、日本語化します。

vscode_14

 Visual Studio Code 起動時に表示される「Welcomeページ」が不要の場合、ページ左下の「Show welcome page on startup」のチェックを外します。

vscode_15

 拡張機能をインストールする為、左側に表示されている「拡張機能」のアイコンをクリックします。

vscode_16

 拡張機能エリアが表示され、上部には検索欄があります。

vscode_17

 拡張機能エリアの検索欄に Japanese と入力すると、拡張機能の自動検索が行われ、拡張機能エリアに「Japanese Language Pack for Visual Studio Code」が表示されます。

vscode_18

 拡張機能エリアの「Japanese Language Pack for Visual Studio Code」をクリックすると、画面右側に拡張機能の詳細情報ページが表示されます。拡張機能エリアまたは詳細情報ページの「Install」ボタンをクリックし、拡張機能をインストールします。

vscode_19

 インストールが完了すると画面右下に通知が表示され、Visual Studio Code の再起動を促されます。「Restart Now」をクリックし、Visual Studio Code を再起動します。

vscode_20

 Visual Studio Code が再起動すると、メニュー部や他の表示箇所が日本語になっていることが確認できます。Visual Studio Code の日本語化はこれで完了です。

タイトルとURLをコピーしました