Visual Studio Code | ダウンロードとインストールの手順
![Visual Studio Code | ダウンロードとインストールの手順](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Code.png)
人気のコードエディタ、Visual Studio Code(VSCode)のダウンロードとインストール(セットアップ)の手順を紹介しています。
Visual Studio Codeのダウンロード
最新版のVisual Studio CodeはMicrosoft Azureのサイトからダウンロードする事が可能です。
Visual Studio Code – コード エディター | Microsoft Azure
![](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのダウンロード.png)
![](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのダウンロード.png)
上記のページにある「今すぐダウンロード」を選択して、インストールするOSのものを選びます。
今回はWindows環境ですので「Windows」を選択しています。
これはbitの種類を「User Installer」で選択した場合と同じファイルがダウンロードされます。
![](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのダウンロード2.png)
![](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのダウンロード2.png)
ダウンロードされるファイルは VSCodeUserSetup-x64–1.56.2.exe となっています。
赤字の部分は32bit版か64bit版か、加えてVSCodeのバージョンを表しています。
Visual Studio Codeのセットアップ
ダウンロードしたファイルを実行すれば、Visual Studio Codeのセットアップが起動します。
最初に使用承諾書の同意が求められますので内容を確認して「同意する」に切り替えて次に進みます。
![Visual Studio Codeのセットアップ1](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ1.png)
![Visual Studio Codeのセットアップ1](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ1.png)
Visual Studio Codeのインストール先を指定します。
デフォルトではAppDataフォルダーが指定されていますので問題なければそのまま次に進みます。
![Visual Studio Codeのセットアップ2](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ2.png)
![Visual Studio Codeのセットアップ2](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ2.png)
Visual Studio Codeへのショートカットを作成するスタートメニューフォルダーを指定します。
![Visual Studio Codeのセットアップ3](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ3.png)
![Visual Studio Codeのセットアップ3](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ3.png)
追加タスクの選択にて、実行する追加タスクを選択可能です。
![Visual Studio Codeのセットアップ4](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ4.png)
![Visual Studio Codeのセットアップ4](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ4.png)
設定した項目を確認して、Visual Studio Codeのインストールを開始します。
![Visual Studio Codeのセットアップ5](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ5.png)
![Visual Studio Codeのセットアップ5](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ5.png)
そこそこのスペックであれば、Visual Studio Codeのインストールに必要な時間は、10数秒程度と短めになると思います。
![Visual Studio Codeのセットアップ6](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ6.png)
![Visual Studio Codeのセットアップ6](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ6.png)
インストールの完了を確認してセットアップアプリケーションを閉じます。
![Visual Studio Codeのセットアップ7](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ7.png)
![Visual Studio Codeのセットアップ7](https://1-notes.com/wp-content/uploads/2021/05/Visual-Studio-Codeのセットアップ7.png)
Visual Studio Codeを起動する
Visual Studio Codeはセットアップ完了時の自動起動はありません。
セットアップ時にショートカットアイコンを作成していない場合は、Windowsメニューのアプリ一覧から「Visual Studio Code」を探して起動します。
![アプリ一覧からVisual Studio Codeを起動する](https://1-notes.com/wp-content/uploads/2021/05/アプリ一覧からVisual-Studio-Codeを起動する.png)
![アプリ一覧からVisual Studio Codeを起動する](https://1-notes.com/wp-content/uploads/2021/05/アプリ一覧からVisual-Studio-Codeを起動する.png)
ディスカッション
コメント一覧
まだ、コメントがありません