VSCode エディタのインストール方法【→リモートでプログラムするための必須アイテム】

プログラム女子

Tommyさんは、プログラムを書く時、どんなツールを使っているの？

VisualStudioCodeというテキストエディタを使っているよ。今回はVSCodeのインストール方法を紹介するね。

Tommy

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6.追加タスクの選択

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

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

7.インストール開始

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

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

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

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

9.VS codeを起動

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