Visual Studio Codeのダウンロード・インストール方法【日本語化も】【Windows】【初心者向け】

アイキャッチ画像 導入・設定
  1. この記事で扱う内容
  2. 前提
    1. 前提知識・前提スキル
    2. 前提環境
  3. Visual Studio Codeとは
  4. Visual Studio Codeのダウンロード方法
    1. Visual Studio Codeの公式サイトを開く
    2. 画面中央の「Download for Windows」ボタンを押す
    3. 少し待つと自動的にインストーラーファイルのダウンロードが開始されるため、任意の場所に保存する
  5. Visual Studio Codeのインストール方法
    1. ダウンロードしたVisual Studio Codeのインストーラーファイルを実行(ダブルクリックなど)する
    2. 「Microsoft Visual Studio Code (User) セットアップ」が起動し「使用許諾契約書の同意」画面が表示されるため、内容を確認後、「同意する」ラジオボタンにチェックを入れ、「次へ」ボタンを押す
    3. 「インストール先の指定」画面が表示されるため、任意の場所を指定し、「次へ」ボタンを押す
    4. 「スタートメニューフォルダーの指定」画面が表示されるため、そのまま「次へ」ボタンを押す
    5. 「追加タスクの選択」画面が表示されるため、任意にタスクを追加し、「次へ」ボタンを押す
    6. 「インストール準備完了」画面が表示されるため、「インストール」ボタンを押す
    7. 「インストール状況」画面が表示され、Visual Studio Codeのインストールが始まる
    8. Visual Studio Code セットアップウィザードの完了画面が表示されるため、「完了ボタン」押す
  6. Visual Studio Codeを日本語化する方法
    1. Visual Studio Codeを起動する
      1. スタートメニューで「visual studio code」を検索後、「Visual Studio Code」を選択し起動する
    2. Visual Studio Codeが起動するため、左サイドメニューの「Extensions(拡張機能)」のボタンを押す
    3. 「拡張機能」の画面が表示されるため、上部にある検索テキストボックスに「Japanese Language Pack」と入力し、表示された「Japanese Language Pack for Visual Studio Code」という拡張機能の「install」ボタンを押す
    4. 「Japanese Language Pack for Visual Studio Code」の画面が表示され、すぐにインストールが完了し、右下に「日本語化して再起動する」かどうか確認するメッセージが表示されるため、「Change Language and Restart」ボタンを押す
    5. 日本語化されたVisual Studio Codeが起動する
  7. おすすめの関連記事
  8. 参考

この記事で扱う内容

この記事では、Visual Studio Codeのダウンロード・インストール方法についてご紹介します。

また、Visual Studio Codeを日本語化する方法も併せてご紹介します。

前提

前提知識・前提スキル

  • Windows OS の基本操作ができる人

前提環境

  • 使用PC
    • OS が Windows 11であること
    • Visual Studio Codeをインストールしても良いこと

Visual Studio Codeとは

Visual Studio Codeは、Microsoft社が開発・提供している無料のコードエディターです。

拡張機能(プラグイン)が豊富で、それらを追加することで、様々な作業に対応できます。

Visual Studio Codeのダウンロード方法

Visual Studio Codeのダウンロード方法のアイキャッチ画像

この例では、ブラウザは「Google Chrome」を使用しています。

Visual Studio Codeの公式サイトを開く

Visual Studio Code - The open source AI code editor | Your home for multi-agent development
Visual Studio Code redefines AI-powered coding with GitHub Copilot for building and debugging modern web and cloud appli...
Visual Studio Codeの公式サイトを開く操作の画面キャプチャ

画面中央の「Download for Windows」ボタンを押す

画面中央の「Download for Windows」ボタンを押す操作の画面キャプチャ

少し待つと自動的にインストーラーファイルのダウンロードが開始されるため、任意の場所に保存する

少し待つと自動的にインストーラーファイルのダウンロードが開始されるため、任意の場所に保存する操作の画面キャプチャ1
少し待つと自動的にインストーラーファイルのダウンロードが開始されるため、任意の場所に保存する操作の画面キャプチャ2

ファイルダウンロード時の動きは、ブラウザ(Microsoft EdgeやGoogle Chromeなど)の設定によって変わる場合があります。

※動きとしては、ファイルダウンロード時、既定の場所(ダウンロードフォルダなど)に自動的にダウンロードされる、または、ダウンロード前に保存先を指定できる等の動きがあります。

ダウンロードが始まらない場合は、「Your download of Visual Studio Code should start shortly. Direct download link.」と記載のある場所の「Direct download link」リンクを押してください。

ダウンロードが始まらない場合の操作の画面キャプチャ

Visual Studio Codeのインストール方法

Visual Studio Codeのインストール方法のアイキャッチ画像

ダウンロードしたVisual Studio Codeのインストーラーファイルを実行(ダブルクリックなど)する

ダウンロードしたVisual Studio Codeのインストーラーファイルを実行(ダブルクリックなど)する操作の画面キャプチャ

「Microsoft Visual Studio Code (User) セットアップ」が起動し「使用許諾契約書の同意」画面が表示されるため、内容を確認後、「同意する」ラジオボタンにチェックを入れ、「次へ」ボタンを押す

「Microsoft Visual Studio Code (User) セットアップ」が起動し「使用許諾契約書の同意」画面が表示されるため、内容を確認後、「同意する」ラジオボタンにチェックを入れ、「次へ」ボタンを押す操作の画面キャプチャ

「インストール先の指定」画面が表示されるため、任意の場所を指定し、「次へ」ボタンを押す

「インストール先の指定」画面が表示されるため、任意の場所を指定し、「次へ」ボタンを押す操作の画面キャプチャ

「スタートメニューフォルダーの指定」画面が表示されるため、そのまま「次へ」ボタンを押す

「スタートメニューフォルダーの指定」画面が表示されるため、そのまま「次へ」ボタンを押す操作の画面キャプチャ

「追加タスクの選択」画面が表示されるため、任意にタスクを追加し、「次へ」ボタンを押す

「追加タスクの選択」画面が表示されるため、任意にタスクを追加し、「次へ」ボタンを押す操作の画面キャプチャ

私の場合、普段はVisual Studio Codeとは別のエディターソフト(サクラエディタ)を使用しており、「.txt」拡張子のついたファイルは、そのエディターで開くようにしています。

このような場合、毎回、Visual Studio Codeを起動してから「.txt」ファイルなどを開くのは手間なので、エクスプローラーのコンテキストメニューからVisual Studio Codeでファイルを開けるようにタスクを追加しておきます。

エクスプローラーのコンテキストメニューからVisual Studio Codeでファイルを開けるようにタスクを追加する際の画面の画面キャプチャ

「インストール準備完了」画面が表示されるため、「インストール」ボタンを押す

「インストール準備完了」画面が表示されるため、「インストール」ボタンを押す操作の画面キャプチャ

「インストール状況」画面が表示され、Visual Studio Codeのインストールが始まる

「インストール状況」画面が表示され、Visual Studio Codeのインストールが始まる画面の画面キャプチャ

Visual Studio Code セットアップウィザードの完了画面が表示されるため、「完了ボタン」押す

Visual Studio Code セットアップウィザードの完了画面が表示されるため、「完了ボタン」押す操作の画面キャプチャ1
Visual Studio Code セットアップウィザードの完了画面が表示されるため、「完了ボタン」押す操作の画面キャプチャ2

Visual Studio Codeを日本語化する方法

Visual Studio Codeを日本語化する方法のアイキャッチ画像

Visual Studio Codeを起動する

スタートメニューで「visual studio code」を検索後、「Visual Studio Code」を選択し起動する

スタートメニューで「visual studio code」を検索後、「Visual Studio Code」を選択し起動する操作の画面キャプチャ

Visual Studio Codeが起動するため、左サイドメニューの「Extensions(拡張機能)」のボタンを押す

Visual Studio Codeが起動するため、左サイドメニューの「Extensions(拡張機能)」のボタンを押す操作の画面キャプチャ

「拡張機能」の画面が表示されるため、上部にある検索テキストボックスに「Japanese Language Pack」と入力し、表示された「Japanese Language Pack for Visual Studio Code」という拡張機能の「install」ボタンを押す

「拡張機能」の画面が表示されるため、上部にある検索テキストボックスに「Japanese Language Pack」と入力し、表示された「Japanese Language Pack for Visual Studio Code」という拡張機能の「install」ボタンを押す操作の画面キャプチャ

「Japanese Language Pack for Visual Studio Code」の画面が表示され、すぐにインストールが完了し、右下に「日本語化して再起動する」かどうか確認するメッセージが表示されるため、「Change Language and Restart」ボタンを押す

「Japanese Language Pack for Visual Studio Code」の画面が表示され、すぐにインストールが完了し、右下に「日本語化して再起動する」かどうか確認するメッセージが表示されるため、「Change Language and Restart」ボタンを押す操作の画面キャプチャ

Would you like to change Visual Studio Code’s display language to Japanese and restart?

Visual Studio Codeの表示言語を日本語に変更して再起動しますか?

ここでいう再起動とは、Visual Studio Codeの再起動です。

日本語化されたVisual Studio Codeが起動する

日本語化されたVisual Studio Codeが起動する操作の画面キャプチャ

おすすめの関連記事

参考

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