これからプログラミングを始める方は「Visual Studio Code」のインストールをオススメします。
とても軽量で、対応しているプログラミング言語が多く、デバッグやソースの管理、強力な拡張機能などがあり、非常に使い勝手がいいです。2015年に正式リリースされてから8年経った現在、多くの方が利用するポピュラーなコードエディターとして君臨しています。
![](https://marunaka-blog.com/wp-content/uploads/2021/04/6a0f96fa975cc64c18fa90be906602e6.png)
Visual Studio Codeのインストール手順を知りたい。。。
この記事では、Visual Studio Code のインストール手順を画像を用いて分かりやすく解説をしています。この記事を参考にしてインストールしてみてください。
オススメの参考書
これから Visual Studio Code を利用する方向けの書籍です。図解が多く、実際の画面と照らし合わせながら進めることができます。基本的な使い方、Gitの利用方法解説、各種言語別の利用方法、最終章はChatGPT拡張機能の解説となっています。
Visual Studio Codeとは
![](https://marunaka-blog.com/wp-content/uploads/2022/03/e79f61a6baca46b24df8b1f92d141ae5-2-1024x358.png)
Visual Studio Code(通称:VS Code)とは、Microsoft が提供する無料で利用できるコードエディターです。
VS Code の特徴
- OSS(オープンソースソフトウェア)で開発されている。
- Windows や macOS、Linux などをサポートしている。
- 様々なプログラミング言語に対応している。
- 「拡張機能」をインストールすることで、機能を強化できる。
- 「Electron」や「TypeScript」で開発されており、高速に動作する。
- Git 連携ができる。
VS Code は、Python や JavaScript、C#、Java、HTML、CSS など様々なプログラミング言語に対応しており、Windows や macOS、Linux など主要なプラットフォームで開発が行えます。
コードエディタで必須とされる機能(シンタックスハイライトや自動補間、デバッグなど)を備えており、拡張機能をインストールすることで、更に機能を追加することができます。豊富な機能が扱えるにも関わらず、非常に高速に動作します。
VS Code 以外にもコードエディタは存在しますが、機能が豊富で使い勝手が良く、高速に動作することから人気が高いコードエディターとなっています。
VS Codeをインストールする手順
![](https://marunaka-blog.com/wp-content/uploads/2022/03/091184bcda645b76415dad025b422929.jpg)
ここからは Windows OS へ VS Code をインストールする手順を紹介します。
環境
- プラットフォーム:Windows 11
- VS Codeのバージョン:1.84.0
まずは、下記のボタンから Microsoft のページを開き、VS Code のインストーラーをダウンロードします。
\ Microsoft の公式サイトへ /
初心者から上級者までが使う人気があるコードエディター!!
Visual Studio Code のダウンロードページが開いたら、[Windows] ボタンをクリックします。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/e465ee42a2098532d76640393f5c3788-1-1024x622.png)
インストーラーがダウンロードされたら、次の手順でインストールを行いましょう。
インストーラー(VSCodeUserSetup-x64-1.84.0.exe)をダブルクリックして起動します。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/d3ea24e69b16aa8c59a5dd3fd1ad3053.png)
使用許諾契約書の同意画面が開くので、使用許諾書をよく読んだ後に[同意する]を選択し、[次へ]ボタンをクリックします。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/1ea4c34b8d9e895a70cc53ac0ed4c7e2.png)
インストール先のフォルダを指定し、[次へ]ボタンをクリックします。基本はデフォルトのままでいいでしょう。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/4608093452bd44067194c616994d6caf.png)
スタートメニューフォルダを指定し、[次へ]ボタンをクリックします。基本はデフォルトのままでいいでしょう。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/8d29f433dcdf0ba7385123ea07eee0fa-1.png)
追加タスクを選択し、[次へ]ボタンをクリックします。ここでは「デスクトップ上にアイコンを作成する」にチェックを入れています。その他はデフォルトです。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/fc2cb755c22481abe15c441b7c468d7b.png)
インストールの準備が完了するので、[インストール]ボタンをクリックします。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/ebfbe1debc5d1bc9b42bc433f8ca1f15.png)
![](https://marunaka-blog.com/wp-content/uploads/2023/11/dfe98845a89f129c54157515899c3d56.png)
![](https://marunaka-blog.com/wp-content/uploads/2023/11/3cd4427c720fa6c9f89a6f959c50e9ad.png)
これで VS Code のインストールは完了です。
日本語拡張機能のインストール手順
![](https://marunaka-blog.com/wp-content/uploads/2022/03/2ba5cbb657d2e1599edd30d8fa258ed4-1024x358.jpg)
Visual Studio Code のメニューの文字など表示言語は英語がデフォルトです。表示言語を日本語へ変更したい場合は、「Japanse Language Pack for Visual Studio Code」をインストールします。
サイドメニューの左下にある[Extensions]ボタンを クリックして、拡張機能検索画面を表示します。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/a1f2d5655e44d7bd8245726491ae20ff-1024x768.png)
検索窓に「japanese」と入力して、「Japanese Language Pack for Visual Studio Code」を開きます。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/691d3bb93a693bd93775bae12d844c3f-1024x768.png)
[Install]ボタンをクリックします。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/c3dec7972b274e302d30253e7a750150-1024x768.png)
[Change Language and Restart]ボタンをクリックして、 VS Code を再起動します。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/365562794e8ca4728df529bfd04e4933-1024x768.png)
VS Code を再起動すると、次のように表示言語が日本語に切り替わります。
![](https://marunaka-blog.com/wp-content/uploads/2023/11/661079683f4fd3e149819a9401978a01-1024x768.png)
まとめ
![](https://marunaka-blog.com/wp-content/uploads/2023/04/c35f903f10ed2371757ca77d9f41dce9-1024x358.png)
この記事では、Microsoft が提供する人気が高い Visual Studio Code のインストール手順を紹介しました。
VS Code は柔軟で使いやすいコードエディターであり、コーディングの学習やアプリケーションの開発で活躍するので、これからプログラミングを始める方はぜひインストールしておきましょう。
![](https://marunaka-blog.com/wp-content/uploads/2022/03/2f5a8ba6b1682610f773da3b2f1516f9-300x169.jpg)
![](https://marunaka-blog.com/wp-content/uploads/2022/09/1c0278efd52188a8154c18b8b21f1be2-300x169.jpg)
以上、最後までお読みいただきありがとうございました。