ツール

VSCode エディタのインストール方法【→最新のエディタでプログラマーになろう!】

11月 10, 2020

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

この記事で分かること

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

VSCode エディタのインストール方法の概要

summary of how to install vscode

この記事では、テキストエディタVSCodeこと「Visual studio Code」の概要とインストール方法を解説します。

VSCodeはもっとも最新のテキストエディタの1つで、Facdbook社の基本開発環境にVSCodeを採用していることは有名な話です。

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

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

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

detail of how to install vscode

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

下記の「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

-ツール
-

© 2021 Tommy's blog Powered by AFFINGER5