Visual Studio Codeのインストール方法を丁寧に解説

Visual Studio Codeってどうやってインストールしたらいいの？初心者でもできるかな…

こんなお悩みにお答えします。

記事の内容

Visual Studio CodeはMicrosoftが提供している、プログラマーに人気のエディターです。

oyu

組み込み系プログラミングを仕事としていた筆者も使っていました。プログラミングを行う上でかなり優秀なエディターです。

この記事を読むことでVisual Studio Codeをスムーズにインストールし、今日からプログラミングを始められますよ。初心者向けにわかりやすく解説します。それではさっそくどうぞ。

VSCode（Visual Studio Code）のインストール方法

step
1インストーラのダウンロード

こちらの画面が開くのでお使いのデバイス用のボタンをクリックします。Windowsの場合は赤枠部分を選択します。

step
2インストーラ起動

こちらの画面に移ります。ダウンロードされた「VSCodeUserSetup○○.exe」をクリックします。

インストーラが起動します。

step
3ライセンス条項への同意

こちらのインストーラ画面で「同意する」を選択して「次へ」を押します。

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

インストール先フォルダを決めます。特にこだわりがなければそのままで「次へ」を押します。

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

スタートメニューにVisual Studio Codeを表示するかを決めます。特にこだわりがなければデフォルトのままで「次へ」を押します。

スタートメニューにはこんな感じでVisual Studio Codeのショートカットが作られます。

step
6追加タスクの選択

デスクトップにアイコンを作るなどオプションの設定をします。「PATHへの追加」はチェックを入れておいてください。他は好きに選んでOKです。

エクスプローラーのファイルコンテキストメニューに［Code で開く］アクションを追加する

ファイル上で右クリックしたときのメニューに「Codeで開く」が表示されるようになります。「Codeで開く」を選択するとVisual Studio Codeでそのファイルを開けるようになります。

エクスプローラーのディレクトリコンテキストメニューに［Code で開く］アクションを追加する

ディレクトリ（フォルダ）上で右クリックしたときのメニューに「Codeで開く」が表示されるようになります。「Codeで開く」を選択するとVisual Studio Codeでそのディレクトリを開けるようになります。

サポートされているファイルの種類のエディターとして、Codeを登録する

Visual Studio Codeがサポートしている種類のファイルはすべてVisual Studio Codeで開くようになります。

PATHへの追加（再起動後に使用可能）

PATHという環境変数にVisual Studio Code用の値を追加してくれます。PATHはパソコンの再起動後に有効になります。よくわからなかったらとりあえずチェックを入れておいてください。

step
7インストール

設定内容の確認画面です。良ければ「インストール」をクリックします。

step
8インストール完了

インストールが完了すると以下の画面が出ます。「完了」をクリックするとVisual Studio Codeの画面が開きます。

Visual Studio Codeは初期設定では英語表示です。日本語表示で使う設定方法は以下の記事をご覧ください。

こちらもCHECK

: Visual Studio Codeを日本語表示にする方法を丁寧に解説

Visual Studio Codeがデフォルトだと英語表示になってる。日本語表示にして見やすくしたい。こんなお悩みにサクッとお答えします。記事の内容 Visual Studio Codeを日本語 ...

続きを見る