この用語をシェア
概要
VS Code（Visual Studio Code）は、Microsoft社が開発した無料のコードエディターです。軽量でありながら高機能で、豊富な拡張機能により様々なプログラミング言語に対応しています。現在、世界中の開発者に最も愛用されているエディターの一つです。
主要機能
- シンタックスハイライト: 多数のプログラミング言語をサポート
- IntelliSense: コード補完、シンタックスエラー検出、リファクタリング
- デバッグ機能: ブレークポイント、ステップ実行、変数監視
- Git統合: ソースコントロールのビジュアル操作
- ターミナル統合: エディター内でコマンドライン操作
- 拡張機能: 数万の拡張機能で機能追加
人気拡張機能
- GitHub Copilot: AI コード補完
- Prettier: コードフォーマッター
- ESLint: JavaScript/TypeScript コード品質チェック
- Live Server: リアルタイムプレビュー
- GitLens: Git 機能強化
基本的な使い方
# インストール後の初期設定
Ctrl+Shift+P → "settings" → Preferences: Open Settings (JSON)
# よく使用するショートカット
Ctrl+P: ファイルを素早く開く
Ctrl+Shift+P: コマンドパレット
Ctrl+`: ターミナルを開く
Ctrl+D: 選択したワードの次の出現を選択
Ctrl+/: コメントの切り替え
# 複数行編集
Alt+クリック: 複数カーソル配置
Ctrl+Shift+L: 選択したワードの全出現を選択プロジェクト管理
# ワークスペース設定
File → Add Folder to Workspace
File → Save Workspace As...
# 設定ファイル
.vscode/settings.json # プロジェクト固有の設定
.vscode/launch.json # デバッグ設定
.vscode/tasks.json # タスク設定
.vscode/extensions.json # 推奨拡張機能メリット
- 無料: 完全に無料で使用可能
- 軽量: 起動が速く、メモリ使用量が少ない
- クロスプラットフォーム: Windows、Mac、Linux で利用可能
- 豊富な拡張機能: 数万の拡張機能が利用可能
- アクティブな開発: 頻繁なアップデートと改善
関連技術
- Visual Studio Code: 正式名称
- Monaco Editor: VS Code のエディター部分のWebブラウザ版
- Language Server Protocol: 言語サポート機能の標準プロトコル
- Electron: VS Code のベースとなるテクノロジー