広告

【VS Code】インストール手順を解説 【Windows/M1 Mac対応】

VS Code

当サイトではアフィリエイト広告を利用しています。

広告

はじめに

みなさんプログラミングの際にVS Codeを使っていますでしょうか。
私はよく使っています!

とても軽量ですし、必要最低限の機能はもちろん、ソースの管理や、デバッグ、強力な拡張機能など、非常に気に入っております。

今回はVS Codeのインストール手順を解説します。
WindowsとMacのそれぞれ分けてまとめました。

ポータブル版のインストールについては、以下の記事をご覧ください。

【VS Code】ポータブル版の利用 【Windows/M1 Mac対応】
みなさんプログラミングの際にVS Codeを使っていますでしょうか。今回はポータブル版のインストールをしてみます。

他にも私のブログで、VS Codeについて解説している記事がありますのでご覧ください。

使用するバージョン
  • Windows 11 / 10
  • macOS Monterey (M1)
  • Visual Studio Code

Windowsにインストール

VS Code

VS Codeをダウンロードします。

Download Visual Studio Code – Free AI Code Editor for Mac, Linux, Windows
Download Visual Studio Code for free on Linux, macOS, and Windows. The open source AI code editor for agent-first develo…

Windows版のインストーラをダウンロードします。

ダウンロードしたインストーラを起動します。

規約を確認し、問題なければ「同意する」を選択し、次へ進みます。

必要に応じて、追加タスクを選択します。
コマンドからVS Codeを起動する場合がありますので、「PATHへの追加」はチェックします。

インストールボタンをクリックします。

インストールが開始されます。

インストールが完了しました。

VS Codeを起動することができます。

Git

Gitは必ず使うことになりますので、インストールしておきましょう。

Git for Windowsをインストールします。  
下記のサイトから、インストーラをダウンロードし、インストールを行います。

Git for Windows
We bring the awesome Git VCS to Windows

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

基本的にはオプションは変更せずに進めますが、以下の「改行」のオプションだけ変更しました。

インストールが完了しました。

Git Bashを起動し、Git用のメールアドレスと名前を設定しておきましょう。

$ git config --global user.email "you@example.com"
$ git config --global user.name "Your Name"

ちなみに古いバージョンには脆弱性がありますので、必ず最新バージョンを利用しましょう。

バージョン管理システム「Git」にセキュリティ上の脆弱性、Git for Windowsユーザーやマルチユーザー環境利用者が取るべき対処法は?
プログラムのソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムの「Git」に、セキュリティ上の脆弱性があると指摘されています。すでにこの脆弱性に対応した最新バージョンとなる「Git 2.35.2」が公開されており、…
広告

Macにインストール

VS Code

VS Codeをダウンロードします。

Download Visual Studio Code – Free AI Code Editor for Mac, Linux, Windows
Download Visual Studio Code for free on Linux, macOS, and Windows. The open source AI code editor for agent-first develo…

Mac版のVS Codeをダウンロードします。
今回はM1チップのMacを使用しているため、「Apple Silicon」を選択しました。

zipファイルがダウンロードされますので、ダブルクリックで解凍します。
Visual Studio Code.appというファイルが展開されます。

アプリケーションフォルダへドラッグ・アンド・ドロップします。
Visual Studio Code.appを起動します。

警告が表示されますが、「開く」を選択します。

VS Codeを起動することができます。

Git

Gitは必ず使うことになりますので、インストールしておきましょう。
ターミナルを起動し、以下のコマンドを実行します。

% git --version

Gitがインストールされていない場合は、以下のダイアログが表示されますのでインストールを選択します。

“git”コマンドを実行するには、コマンドライン・デベロッパツールが必要です。ツールを今すぐインストールしますか?
コマンドライン・デベロッパツールを今すぐダウンロードしてインストールするには、”インストール”を選択してください。

規約を確認します。

完了しました。

インストール完了後、以下のコマンドでGitのバージョンが確認できます。

% git --version

git version 2.30.1 (Apple Git-130)

Git用のメールアドレスと名前を設定しておきましょう。

% git config --global user.email "you@example.com"
% git config --global user.name "Your Name"

設定や拡張機能について

VS Codeのオススメ設定や拡張機能などは、以下の記事にまとめました。

【VS Code】オススメの設定・拡張機能・便利機能・ショートカット【Win/Mac対応】
私的に最初に行う設定や、拡張機能、よく使うショートカットや便利な機能をまとめてみました。

GitHub Copilotを導入し、AIにコーディングをサポートしてもらうこともできます。

【GitHub Copilot】登録方法と長期利用の感想
GitHub Copilotを試してみました。登録方法の解説や、実際に試した結果をまとめました。

リモート開発について

VS Codeを利用してリモート開発を行うことができます。

【VSCode/Dev Containers】DockerでPython開発【Win/Mac】
VS CodeでDockerコンテナを使いリモート開発を試してみました。Dockerを使いPython環境を用意し、VS Codeでリモートデバッグを行いないます。

例えば、Djangoプロジェクトでも使用することができます。

【Python+Django4】VS Code+Dockerで簡単構築【Dev Containers】【Win/Mac】
Djangoの開発環境を、VS CodeとDockerを使用して簡単に構築し、リモート開発を行います。

PHPの環境などの使用例も参考にしてください。

【VSCode/Dev Containers】DockerでPHP開発・デバッグ
VS CodeでDockerを使ったリモート開発を試してみました。Dockerを使いPHP環境を用意し、VS Codeでリモートデバッグを行います。

さいごに

今回はVS Codeのインストール手順を解説しました。
WindowsでもMacでも同様に使うことができます。
開発にとても便利ですので、ぜひ使ってみましょう。

他にも私のブログで、VS Codeについて解説している記事がありますのでご覧ください。

MacOSVS CodeWindowsツール
広告

個人開発

千草 @chigusaweb

現役のITエンジニア。 気ままにコードを書いたり技術情報を発信しています。 Webアプリ/Windows・Macアプリ/モバイルアプリなど。 (Java, PHP, Javascript, Swift, Python, C#, 他) 個人開発:Clibor, Quipha, TXT-Crypter, 符計算特訓, チグサツール Kindle本: Laravel9 実践入門, 他

クリップボード履歴

Clibor

Windows

Cliborはシンプルで高機能なクリップボード履歴ソフトです。 また普段よく使うワードを定型文として登録し、いつでもクリップボードに保存することができます。高度なテキスト整形・FIFOモード・ホットキーに対応。

クリップボード履歴

Windows版Cliborの利便性を、そのままMacでも。 定型文登録、高度なテキスト整形、FIFOモードなど、便利なクリップボード履歴機能を利用できます。macOS最新のTahoeにも対応。

テキスト暗号化

テキストを暗号化してURLで共有・保存できる無料サービスです。 パスフレーズを知る人だけが復号できます。登録不要、データはサーバーに保存されません。 Notionでも利用できます。

学習

Quipha

Web / iOS

自分だけの問題集や問題を作成し、クイズを行い、学習に活用することができるアプリです。 例えば、学校の授業、語学学習、IT資格やその他の資格など多彩な分野での学習を支援します。 いつでも、どこでも、あなたの学習をサポート。

ツール

日常の「ちょっとした効率化」をサポートするWeb便利ツール集。 テキスト・データ処理から最新のAI連携まで、日々のちょっとした手間でググりがちなユーティリティを1つの場所に集約。

麻雀

麻雀の符計算をひたすら特訓しマスターしましょう。 初心者の方はもちろん、もっと速く計算したい方にも役立ちます。 5万対局以上の実践から問題を収録。

コメント

タイトルとURLをコピーしました