Visual Studio Codeのダウンロードからインストール、日本語化までの手順

2021-05-04VS Code

Visual Studio Code(VS Code)のダウンロードからインストール、日本語化までの手順を纏めました。

    • インストール環境
      • OS：Windows10
      • Visual Studio Code(VS Code)：1.82.2

※2023年9月に記事を更新しています。

スポンサーリンク

Visual Studio Code(VS Code)のインストール

WindowsへVisual Studio Code(VS Code)をインストールします。

Visual Studio Code(VS Code)とは

Visual Studio Code(マイクロソフト社サイト)

Visual Studio Code(VS Code)はプログラミングを作成したりする時に使う開発環境(エディタ)です。
マイクロソフト社が無料で提供しています。
PythonやJavaなど多くの開発言語に対応しています。
GitHubとの連携も出来ます。多くの拡張機能も提供されています。

※コンテナの管理やTerraformの実行環境など様々な開発環境として利用可能です。

インストール

Visual Studio Code(VS Code)をダウンロードしてインストールします。
インストーラーは複数あります。

    • インストーラーの種類(Zip含む)
        • System Installer：システム利用している全ユーザーが利用可能
        • User Installer：現在ログインしているユーザーのみが利用可能
        • Zip:ダウンロード後ファイルを解凍して利用

ダウンロードはVisual Studio CodeのサイトやVisual Studioのサイトから出来ます。

インストール手順

Visual Studio Codeサイトからインストーラーをダウンロードします。
User Installerをダウンロードしてインストールしています。

Visual Studio Code(マイクロソフト社サイト)
Download Visual Studio Code

 

Visual Studio Code(マイクロソフト社サイト)

Download Visual Studio Code

Visual Studioのサイトからダウンロードする場合です。
User Installerをダウンロードしてインストールしています。

Visual Studio
Visual Studio Free ダウンロード
Visual Studio ダウンロード

 

Visual Studio

Visual Studio Free ダウンロード

Visual Studio ダウンロード

VSCodeUserSetup-x64-1.82.2.exeというファイルがダウンロードされます。
exeファイルをクリックしてインストールを開始します。

※2023年9月16日現在の最新バージョンになります。

使用許諾確認画面が表示されます。
内容を確認し問題が無ければ同意するを選択します。
次へをクリックします。

インストール先の指定です。
デフォルトではユーザのAppDataは以下にインストールされます。
変更しない場合はそのまま次へをクリックします。

※今回は端末利用者が1名なのでProgram Files配下にインストールするように変更しています。
※System Installerの場合はインストールディレクトリがProgram Files配下になります。
スタートメニューの表示名設定です。
変更せず次に進めます。
追加タスクの設定です。
アイコンの追加やエクスプローラーメニューの表示設定です。
利用環境に合わせて設定します。
今回はデスクトップ上のアイコンを追加しています。

インストール準備完了です。
内容を確認しインストールを開始します。

インストールが開始されます。

正常終了すると完了画面が表示されます。
Visual Studio Codeを実行しますにチェックを入れると自動起動します。

Visual Studio Code(VS Code)が起動しました。

画面デザインの変更

Visual Studio Code(VS Code)は画面デザインを設定出来ます。

画面デザイン変更

デフォルト設定ではDark Modernが選択されています。
Light Modernを選択すると背景が白く表示されます。

Visual Studio Code(VS Code)の表示を日本語化

Visual Studio Code(VS Code)の表示(メニューなど)を日本語化します。

日本語化手順

Visual Studio Codeを起動します。
ViewにあるCommand Paletteを選択します。

※CTRLキー＋Shiftキー＋PでもCommand Paletteを表示できます。
Command PaletteにLanguageと入力します。
Configure Display Languageを選択します。
日本語を選択します。
言語パックのインストールが開始されます。

Visual Studio Code(VS Code)の再起動確認メッセージが表示されます。
Restartを選択し再起動します。
Visual Studio Code(VS Code)再起動後確認すると表示が日本語になっている事が確認出来ます。

最後に

Visual Studio Code(VS Code)のインストールから日本語化手順まで纏めてみました。
拡張機能が多く提供されておりカスタマイズする事で非常に使いやすく利用できるエディタです。
今後も色々試してみたいと思います。

Visual Studio CodeでAzure CLIやAzure PowerShellを使えるようにする手順はこちら。

Azure CLIやAzure PowerShellを使ったサインインのコマンドガイドはこちら。

Tera Termのインストールから日本語化文字化け対応まではこちらに纏めています。

VS Code