VSCodeのインストール方法｜Windows 10・11対応

WindowsへVSCodeをインストールするときは、最初に「User Installer」と「System Installer」のどちらを使うか選びます。自分のWindowsアカウントだけで利用する場合は、管理者権限が不要で更新も行いやすいUser Installerが基本です。本記事ではUser Installerを使い、ダウンロードからPATHの設定、起動確認までを実際の画面に沿って進めます。

最初に選ぶもの： 通常は公式サイトからWindows用の「User Installer」をダウンロードします。インストール時に「PATHへの追加」を有効にし、完了後に新しいターミナルでcode --versionを実行できれば設定完了です。

VSCodeとは

Visual Studio Code（VSCode）は、Microsoftが提供するWindows、macOS、Linux対応のコードエディタです。PHP、HTML、CSS、JavaScript、JSON、バッチファイルなどを編集できます。

Windows標準のメモ帳でもテキストは編集できますが、VSCodeにはコードや設定ファイルを扱いやすくする機能があります。

• 言語ごとの構文ハイライト
• 行番号表示と複数ファイルを対象にした検索・置換
• フォルダー単位でのファイル管理
• ターミナルやGitとの連携
• 拡張機能による言語・ツールの追加

なお、Visual Studio Code製品にはMicrosoft Software License Termsが適用され、基になっているmicrosoft/vscodeのソースコードはMITライセンスで公開されています。製品とソースコードのライセンスは同一ではありません。

User InstallerとSystem Installerの違い

VSCode公式のWindows向けセットアップガイドでは、多くの利用者にUser Installerが推奨されています。

User Installerは通常、%LOCALAPPDATA%\Programs\Microsoft VS Codeへインストールされます。System Installerは全ユーザー向けに導入できますが、インストールと製品内更新に管理者権限が必要です。

VSCodeのダウンロード手順

VSCodeの公式ダウンロードページから、Windows版のインストーラーを取得します。

1. Webブラウザでhttps://code.visualstudio.com/downloadにアクセスします。

2. Windows欄から、PCのCPUアーキテクチャに合うインストーラーをダウンロードします。一般的なIntel／AMD搭載PCはx64、Windows on Arm端末はArm64を選択します。

3. Windows欄の下には、用途に応じて以下の選択肢が表示されています。

通常のIntel／AMD搭載PCで自分のアカウントだけが利用する場合は、User Installerのx64版を選択します。CPUの種類が分からない場合は、Windowsの「設定」→「システム」→「バージョン情報」にある「システムの種類」で確認できます。

インストーラーのセットアップ手順

ダウンロードした.exeを実行し、使用許諾契約、インストール先、スタートメニュー、追加タスクの順に設定します。特に確認したいのは、追加タスクにあるPATHの設定です。

1. 使用許諾契約書への同意

1. ダウンロードした「Microsoft Visual Studio Code (User) セットアップ」を起動します。

2. 「使用許諾契約書の同意」画面が表示されるので、Microsoft Software License Termsの内容を確認します。

3. 「同意する(A)」を選択し、「次へ(N)」をクリックします。

2. インストール先の指定

1. 「インストール先の指定」画面で、インストール先フォルダを確認します。

2. 既定では %LOCALAPPDATA%\Programs\Microsoft VS Code が指定されています(User Installerの場合の標準パス)。変更が不要であればそのまま「次へ(N)」をクリックします。

3. 画面下部に表示される必要ディスク容量を確認します。必要量はインストーラーのバージョンによって変わるため、画像の数値は検証時の例です。

3. スタートメニューフォルダーの指定

1. 「スタートメニューフォルダーの指定」画面で、ショートカットを作成する場所を確認します。

2. 既定値は「Visual Studio Code」フォルダです。変更不要であればそのまま「次へ(N)」をクリックします。

3. スタートメニューにショートカットを作りたくない場合は「スタートメニューフォルダーを作成しない(D)」にチェックを入れます。

4. 追加タスクの選択

「追加タスクの選択」画面では、以下の5項目からインストール時の動作を選択します。

必要な項目にチェックを入れ、「次へ(N)」をクリックします。ターミナルからcodeまたはcode .を使う場合は、「PATHへの追加」のチェックを残します。スタートメニューから起動するだけなら必須ではありません。

5. インストールの実行

1. 「インストール準備完了」画面で、インストール先・スタートメニューフォルダー・追加タスクの設定内容を最終確認します。

2. 内容に問題がなければ「インストール(I)」をクリックします。

3. 「インストール状況」画面が表示され、ファイルの展開が進行します(進捗バーとファイルパスが表示されます)。

6. セットアップの完了

1. 「Visual Studio Code セットアップウィザードの完了」画面が表示されたら、インストールは完了しています。

2. 「Visual Studio Code を実行する」にチェックが入った状態で「完了(F)」をクリックすると、インストール完了と同時にVSCodeが起動します。

インストール後の確認方法

VSCodeの画面が開き、必要に応じてcodeコマンドを実行できればインストール完了です。

1. スタートメニューまたはデスクトップアイコンからVSCodeを起動し、エディタ画面が表示されることを確認します。

2. 「PATHへの追加」にチェックを入れていた場合は、インストール前から開いていたターミナルを閉じ、新しくコマンドプロンプトまたはPowerShellを開きます。通常、Windows PC全体の再起動は不要です。

3. code --versionを実行し、バージョン、コミットID、アーキテクチャが表示されることを確認します。

4. 任意のフォルダーでcode .を実行し、そのフォルダーがVSCodeで開けることを確認します。

code --version
code .

codeが認識されない場合はターミナルを開き直します。それでも解消しない場合は、User Installerの既定環境で%LOCALAPPDATA%\Programs\Microsoft VS Code\binがPATHに含まれているか確認してください。

参考資料

• Visual Studio Codeのダウンロード
• WindowsへのVisual Studio Codeのインストール
• Visual Studio Codeのコマンドラインインターフェース
• Visual Studio Codeのライセンス

まとめ