ツール

Visual Studio Codeのインストール方法【→リモートでプログラムするための必須アイテム】

11月 10, 2020

how to install vscode
プログラム女子
Tommyさんは、プログラムを書く時、どんなツールを使っているの?
VisualStudioCodeというテキストエディタを使っているよ。今回はVSCodeのインストール方法を紹介するね。
Tommy

この記事で分かること

  • VSCocd(VisualStudioCode)とは?
  • VSCodeのインストール方法

Visual Studio Codeエディタのインストール方法の概要

summary of how to install vscode

この記事では、テキストエディタ「VSCode」こと、「Visual studio Code」の概要とインストール方法を解説します。「VSCode」はもっとも最新のテキストエディタの1つで、Facdbook社の基本開発環境にVSCodeを採用していることは有名な話です。

FacebookではVSCodeをプログラマ手持ちのPCにインストールして、開発作業そのものは開発者がそれぞれ保有するデータセンターに置かれたサーバ上で直接行うという「リモート開発」によって行われている。この「リモート開発」を便利するための拡張機能がVSCodeには搭載されていると下記の記事では伝えられています。

Facebook、社内のデフォルト開発環境にVisual Studio Codeの採用を表明。マイクロソフトと協力してリモート開発機能の強化も推進

Visual Studio Codeエディタの具体的なインストール方法

detail of how to install vscode

ここでは、インストール方法を説明します。説明手順としては、次の順番でVSCodeのインストール方法を説明します。

  1. 公式サイトにアクセス
  2. インストーラーをダウンロード
  3. インストーラー実行開始
  4. インストール先の指定
  5. スタートメニューのフォルダ指定
  6. 追加タスクの選択
  7. インストール開始
  8. インストール完了を確認
  9. VS codeを起動

1.公式サイトにアクセス

VSCodeのインストーラーを取得するために下記の「Visual Studio Code」の公式ダウンロードサイトにアクセスします。

Visual Studio Code – コード エディター

2.インストーラーをダウンロード

サイトのアクセスしたら、下図のように「今すぐダウンロード」をクリックし、対象のOSの選択ページに移動します。

download vscode installer step1

今回インストールするPCのOSはWindowsなので、Windowsの「64bit」のインストーラーを選択します。

download vscode installer step2

「VSCodeSetup-1.5.1.0」というインストーラーが、ダウンロードフォルダにダウンロードされました。

download vscode installer step3

3.インストーラー実行開始

インストーラーを実行すると、使用許諾が表示されます。使用許諾を読んで、「同意する」にチェックし、「次へ」ボタンを押して次に進みます。

VSCode installer process step1

4.インストール先の指定

インストールするフォルダを選択します。デフォルトでは、Program Files配下に「Microsoft VS code」というフォルダが作成され、そこにインストールされるようです。

VSCode installer process step2

5.スタートメニューのフォルダ指定

スタートメニューのショート名を決めます。もし、スタートメニューにフォルダを作成しない場合は、「スタートメニューフォルダーを作成しない」にチェックを入れましょう。

VSCode installer process step3

6.追加タスクの選択

追加タスクのセットアップ画面で下記の3つ設定を選択します。

  • デスクトップにアイコンを作成する場合は、「デスクトップ上にアイコンを作成」にチェック
  • ファイルエクスプローラーからVSCodeを呼び出したい場合は、「エクスプローラーのファイルコンテキストメニューに「Codeで開く」アクションを追加」にチェック
  • システムパスからVSCodeを呼び出したい場合は、「PATHへの追加」にチェック

VSCode installer process step4

7.インストール開始

表示されているインストール内容に問題がなければ、「インストール」ボタンを押して、インストールを開始します。

VSCode installer process step5

8.インストール完了を確認

インストールの途中過程を経て、「Visual Studio Code セットアップウィザードの完了」が表示されたら、インストール完了です。

VSCode installer process step6

今すぐVSCodeを実行したい場合は、「Visual Studio Codeを実行する」にチェックして、VS codeを起動しましょう。

VSCode installer process step7

9.VS codeを起動

インストールが完了したら、VSCodeの起動画面が正常に表示されるか確認します。下のような画面が表示されれば起動成功です。

vscode initial screen

-ツール
-

© 2022 Tommy's blog Powered by AFFINGER5