「ものづくり:make」を楽しみながら学ぶ人へ向けた独習サポートサイト。

and more...

Lab.以外の情報を紹介しています。

マイクロソフトが提供する無料のコードエディター

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

2023-01-072023-01-07

今では開発エディターの定番となったVisual Studio Code(VSCode)のインストール方法について紹介します。

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

Visual Studio Code(VSCode)は、マイクロソフトが提供する無料のコードエディターです。2015年に初版がリリースされた比較的新しいエディターですが、エディターとしての使いやすさだけでなく、豊富な機能や高い拡張性などが評価され、今では開発用エディターの定番となっています。

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

Visual Studio Code公式サイトのダウンロードページ「Download Visual Studio Code - Mac, Linux, Windows」からインストール用ファイルをダウンロードします。

インストール用ファイルにはいくつか種類があります。マイクロソフトが推奨しているのは「User Installer」です。これは、現在ログインしているユーザーの環境のみにインストールされます。一方「System Installer」はすべてのユーザーで使用できるようにインストールされます。他にも、インストールなしで使える「.zip」やコマンドラインからインストール済みのVisual Studio Codeを起動するコマンド「CLI」などがあります。本記事では「User Installer(x64)」をダウンロードします。

図1-1.Download Visual Studio Code - Mac, Linux, Windows
図1-1.Download Visual Studio Code - Mac, Linux, Windows

「Thanks for downloading VS Code for Windows!」と表示されたページに切り替わって、自動的にダウンロードが開始されます。もし、ダウンロードが開始されない場合は、ページ上部の「direct download link.」をクリックします。ダウンロードが完了するまでしばらく待ちます。

図1-2.Thanks for downloading VS Code for Windows!
図1-2.Thanks for downloading VS Code for Windows!

ダウンロードしたインストール用ファイルをダブルクリックします。

図1-3.ダウンロードしたインストール用ファイル
図1-3.ダウンロードしたインストール用ファイル

「使用許諾契約書の同意」画面が表示されます。表示されている使用許諾契約書を読み「同意する」にチェックを付けて「次へ」をクリックします。

図1-4.使用許諾契約書の同意
図1-4.使用許諾契約書の同意

「インストール先の指定」画面が表示されます。別のフォルダーを選択するには「参照」をクリックします。続けるには「次へ」をクリックします。

図1-5.インストール先の指定
図1-5.インストール先の指定

「スタートメニューフォルダーの指定」画面が表示されます。別のフォルダーを選択するには「参照」をクリックします。続けるには「次へ」をクリックします。

図1-6.スタートメニューフォルダーの指定
図1-6.スタートメニューフォルダーの指定

「追加タスクの選択」画面が表示されます。必要に応じてチェックを付けた後「次へ」をクリックします。

図1-7.追加タスクの選択
図1-7.追加タスクの選択

「インストール準備完了」の画面が表示されます。表示された内容を確認して「インストール」をクリックします。変更する場合は「戻る」をクリックします。

図1-8.インストール準備完了
図1-8.インストール準備完了

インストールが完了するまでしばらく待ちます。

図1-9.Visual Studio Codeのインストール中
図1-9.Visual Studio Codeのインストール中

インストールが完了したら「完了」をクリックします。この後、Visual Studio Codeの起動を確認するので「Visual Studio Codeを実行する」のチェックは付けたままにします。

図1-10.Visual Studio Codeのインストール完了
図1-10.Visual Studio Codeのインストール完了

Visual Studio Codeの起動が確認できれば、インストールは完了です。

図1-11.Visual Studio Codeの起動確認
図1-11.Visual Studio Codeの起動確認

Visual Studio Code(VSCode)のインストール直後は、メニューなどが英語表示で起動します。日本語化は「Visual Studio Code(VSCode)の日本語化」をご覧ください。

おすすめ

この記事を読んだ人は、こんな記事にも興味があります。
スポンサーリンク
TOPへ移動
目次へ移動