VS Code セットアップ手順書：Windowsにコードエディタをインストールする
VS Code（Visual Studio Code）は、Microsoftが提供する無料のコードエディタです。Windows、macOS、Linuxに対応し、世界中の開発者に広く使われています。
注意しなければならないのは、VS Codeはあくまでエディタであり、統合開発環境（IDE）ではないという点です。IDE（Visual StudioやEclipseなど）はコンパイラやビルドツールを含む大規模な開発環境ですが、VS Codeは高速で軽量なエディタとして設計されています。必要な機能は拡張機能（プラグイン）として後から追加していく方式です。
前回の手順書でセットアップしたOpenCodeが生成したコードを確認・修正する際にも、VS Codeは非常に有効です。OpenCodeはターミナル上で動作するエージェントですが、生成されたコードの細かい調整や動作確認には、手元で操作できるエディタが必要になります。
この手順書では、VS Codeの概要とWindowsへのインストール手順を説明します。
1. VS Codeの概要
VS Codeの主な特徴は以下の通りです。
- 軽量で起動が速く、スペックの低いPCでも快適に動作する。
- 豊富な拡張機能（Extensions）が提供されており、言語サポート、デバッグ、Git連携などを後から追加できる。
- インテリセンス（コード補完）機能により、変数名や関数名を途中まで打つと候補が表示される。
- 統合ターミナルを内蔵しており、エディタ内でコマンド操作が完結する。
- Gitの差分表示やコミット操作がエディタ内で行える。
- 無料で利用でき、商用利用にも制限がない。
拡張機能の例
VS Codeの真価は拡張機能にあります。以下のような拡張機能をインストールすることで、様々な作業が可能になります。
| 拡張機能 | 用途 |
| Japanese Language Pack | 日本語メニューに変更する |
| Python | Pythonのコード補完、デバッグ、実行 |
| PHP Intelephense | PHPのコード補完と解析 |
| Live Server | HTMLファイルをリアルタイムでプレビューする |
| Prettier | コードの自動整形 |
| GitHub Copilot | AIによるコード補完（有料） |
製造現場では、PLCのラダープログラムのテキスト解析、Pythonによる生産データ分析スクリプトの作成、PHPを使った社内Webツールの編集など、様々な言語に対応できる点が強みです。
2. インストール方法
2.1. 動作環境
- OS : Windows 10 / 11（64bit）
- CPU : 1.6GHz以上
- メモリ : 1GB以上（推奨4GB以上）
- ディスク空き容量 : 約500MB
2.2. ダウンロード
1. ブラウザで https://code.visualstudio.com/download にアクセスする。
2. 「Windows」のセクションで「x64」または「Arm64」の該当する方をクリックする（通常は「x64」）。
3. インストーラ（約100MB）がダウンロードされる。
2.3. インストール
1. ダウンロードした .exe ファイルをダブルクリックして起動する。
2. ライセンス契約に同意し「次へ」をクリックする。
3. インストール先フォルダはデフォルトのまま推奨。
4. 「スタートメニューにショートカットを作成」はデフォルトのまま。
5. 「追加タスクの選択」画面では以下の設定を推奨する。
– 「デスクトップ上にアイコンを作成する」にチェックを入れる。
– 「エクスプローラのファイルコンテキストメニューに「Codeで開く」を追加する」にチェックを入れる（フォルダ右クリックから直接VS Codeを開けるようになる）。
– 「エクスプローラのディレクトリコンテキストメニューに「Codeで開く」を追加する」も同様にチェックを入れる。
– 「PATHへの追加」はデフォルトで有効。
6. 「インストール」をクリックする。
7. インストール完了後、「Visual Studio Code を起動する」にチェックを入れて「完了」をクリックする。
2.4. 日本語化
初回起動時はメニューが英語で表示されます。以下の手順で日本語化します。
1. 左側のアクティビティバーから拡張機能アイコン（四角が4つのマーク）をクリックする（ショートカット: Ctrl + Shift + X）。
2. 検索バーに「Japanese」と入力する。
3. 「Japanese Language Pack for Visual Studio Code」の「Install」をクリックする。
4. インストール後、画面右下に「Change Language and Restart」という通知が表示されるのでクリックする。
5. VS Codeが再起動し、メニューが日本語になる。
3. フォルダを開いて使う
VS Codeでコードを編集するには、フォルダ単位で開く方法が基本です。
1. VS Codeを起動する。
2. 「ファイル」メニュー → 「フォルダを開く」を選択する。
3. OpenCodeで作成したプロジェクトのフォルダを選択する。
4. 左側のエクスプローラにファイル一覧が表示され、クリックして編集できる。
エクスプローラ上でファイルを右クリックすれば、ファイル名の変更や削除も可能です。統合ターミナルは Ctrl + @ で開きます。
4. 出典
- VS Code公式サイト: https://code.visualstudio.com/
- VS Codeダウンロード: https://code.visualstudio.com/download
- VS Codeアップデート情報: https://code.visualstudio.com/updates/
コメント