無料の有能エディタ！Visual Studio Codeをインストールする手順

suguru — Wed, 06 Jan 2021 15:34:05 +0000

Visual Studio Codeをインストールする手順を画像を用いてわかりやすく説明します。

スクリプト作成する時にエディタで補完機能があれば楽ですよね。

スペル間違いがなくなるし、どんなプロパティがあるか思い出せたりもします。

またエディタでスクリプトを実行でき、エラーまで教えてくれたら楽ですね。

そこで私が使用しているエディタを紹介します。上記の機能をすべて備えてあるのはもちろん無料です。是非エディタで迷われている方は使用してみてください。

その名もVisual Studio Codeです。Microsoftが無料で提供している有能なエディタですね。

Visual Studio Codeをインストールする

では早速ダウンロードからインストールまで順を追ってみていきたいと思います。下記リンクからダウンロードページへ移動してください。

「今すぐダウンロード」をクリックします。

自分の環境にあったものを選んでください。私の場合はWindowsのUser Installerの「64 bit」をクリックしました。

ダウンロードが始まりますので完了まで待ちます。

完了したら「ファイルを開く」をクリックしました。

補足：ブラウザはchromeを使用していますが、ダウンロード完了すると「ファイルを開く」って出てくれるのですね。他の環境や「ファイルを開く」が出ない方は、ダウンロードしたフォルダまで行き、ダウンロードしたファイルをダブルクリックしてください。

セットアップが開きますので「同意する(A)」にチェックを入れて「次へ」をクリックします。

インストールするフォルダを選択して「次へ」をクリックします。私はそのまま「次へ」をクリックしました。

そのまま「次へ」をクリックします。

【任意】デスクトップ上にアイコンを作成する（ショートカットをデスクトップに表示したい場合）
【任意】エクスプローラのファイルコンテキストメニュ―に[Codeで開く]アクションを追加する（スクリプトファイルからVisual Studio Code開けるので便利）
【任意】エクスプローラのディレクトリコンテキストメニューに[Codeで開く]アクションを追加する（スクリプトが入っているフォルダからVisual Studio Code開けるので便利）
PATHへの追加（再起動後に使用可能）

上記にチェックを入れて「次へをクリック」

インストール情報を確認して、良ければ「インストール(I)」をクリックします。

インストールされるのを待ちます。

完了したら「完了」をクリックします。

Visual Studio Codeのダウンロードとインストールは以上となります。

——————————関連記事——————————