VSCode全プルダウンメニュー完全解説【ショートカットキー付き・使いどころ徹底ガイド】

はじめに

VSCodeのメニューバーには、ファイル・編集・選択・表示・移動・実行・ターミナル・ヘルプの8つのプルダウンメニューがあります。しかし、その全てのメニュー項目を把握している方は少ないのではないでしょうか。

本記事では、VSCodeの全プルダウンメニューを階層ごとに完全網羅し、各機能のショートカットキー・使いどころ・おすすめポイントを徹底解説します。

この記事の特徴：

• メニューバーの全8カテゴリを完全網羅
• サブメニューの階層まで詳しく解説
• 実際のメニュー画面に対応した最新情報
• ★マークで特に重要な機能を表示
• 使いどころ・活用シーンを具体的に説明

ファイル(F)メニュー

ファイルの新規作成・保存・設定など、VSCodeの基本操作が集まっています。

新規作成

プロファイルを含む新しいウィンドウ のサブメニュー：

活用ポイント：

• Ctrl+N でまず新規ファイルを開き、保存時に拡張子を決める流れが効率的
• 複数プロジェクトを同時進行する場合は Ctrl+Shift+N で別ウィンドウを活用

ファイルを開く

最近使用した項目を開く のサブメニュー：

ワークスペース管理

保存

共有・設定

ユーザー設定 のサブメニュー：

テーマ のサブメニュー：

ウィンドウ・エディター管理

編集(E)メニュー

テキスト編集の基本操作から、コード特有の編集機能まで揃っています。

元に戻す・やり直し

クリップボード操作

活用ポイント：

• 選択範囲なしで Ctrl+X を押すと行全体が切り取り対象になる
• 選択範囲なしで Ctrl+C を押すと行全体がコピーされる（空行と勘違いしやすい）

検索・置換

Ctrl+Shift+F活用術：

1. Ctrl+Shift+F で検索パネルを開く
2. 検索文字列を入力
3. 「絞り込み」で特定のファイル種類に限定（例: *.ts）
4. 検索結果をクリックで該当箇所にジャンプ

コメント操作

行コメント活用術：

// 単一行のコメントアウト
1. カーソルを対象行に移動
2. Ctrl+/ で即コメントアウト

// 複数行の一括コメントアウト
1. Shift+クリックで複数行を選択
2. Ctrl+/ で一括コメントアウト

選択(S)メニュー

テキスト選択とカーソル操作の高度な機能を提供します。マルチカーソルは特に強力です。

基本選択

選択範囲の展開 活用例：

カーソル位置から Shift+Alt+→ を何度か押すと
単語 → 文 → ブロック → 関数全体... と段階的に拡大
逆に Shift+Alt+← で縮小できる

行の移動・コピー

マルチカーソル（超重要）

マルチカーソル活用例：

// 複数のCSSプロパティに同時に「!important」を追加
1. 対象の複数行を選択
2. Shift+Alt+I で各行末にカーソルを配置
3. " !important" と入力 → 全行に一括追加

出現箇所の選択

Ctrl+D 活用術（変数名の一括リネーム）：

1. 変数名にカーソルを置く
2. Ctrl+D を押すたびに次の同じ単語が選択に追加される
3. 変更したくない箇所は Ctrl+K Ctrl+D でスキップ
4. すべて選択したら新しい名前を入力 → 一括リネーム完了

表示(V)メニュー

VSCodeのUIレイアウトとパネルの表示・非表示を制御します。

コマンドパレット

外観（Appearance）

アクティビティ バーの位置 サブメニュー：

パネルの位置 サブメニュー：

パネルの配置 サブメニュー：

タブ バー サブメニュー：

エディター アクションの位置 サブメニュー：

その他の外観設定：

エディター レイアウト

エディター分割活用術：

// 仕様と実装を並べて表示
1. 仕様ファイルを開く
2. Ctrl+\ で右に分割
3. 右側で実装ファイルを開く
→ 両方を見ながら実装できる

サイドバーパネル

下部パネル

その他

移動(G)メニュー

エディター内・ファイル間・コード定義へのナビゲーションを提供します。

基本移動

エディターの切り替え

グループの切り替え

ファイル・シンボルへの移動

Ctrl+P 活用術：

Ctrl+P を押した後：
test        → ファイル名で検索（fuzzy検索）
@symbol     → 現在ファイルのシンボル検索
#symbol     → ワークスペース全体のシンボル検索
:42         → 42行目にジャンプ
>command    → コマンドパレット（Ctrl+Shift+P と同等）

コード定義への移動

定義移動の効率的な使い方：

1. 関数名にカーソル → F12 で定義に移動
2. Alt+← で元の場所に戻る
3. Alt+F12 でその場でプレビュー（移動しない）

行・ブラケットへの移動

Ctrl+G 活用例：

エラーログ: "error at line 245"
→ Ctrl+G → 245 → Enter → エラー行に直接ジャンプ

問題・変更箇所への移動

実行(R)メニュー

デバッグ実行とブレークポイントの管理を提供します。

デバッグ実行

デバッグ設定

ステップ実行（デバッグ中）

デバッグの基本フロー：

1. F9 でブレークポイントを設定
2. F5 でデバッグ開始
3. F10 でステップ実行（行ごとに確認）
4. 怪しい関数はF11でステップイン
5. 変数をマウスホバーで値を確認
6. F5 で次のブレークポイントに進む
7. Shift+F5 でデバッグ終了

ブレークポイント管理

新しいブレークポイント サブメニュー：

条件付きブレークポイントの活用：

// ループの特定の回数でのみ停止したい場合
条件: i === 100  →  i が100の時だけ停止

// 特定の値の時だけ停止
条件: user.id === "admin"  →  adminユーザーの時だけ停止

ターミナル(T)メニュー

統合ターミナルとタスク実行を管理します。

ターミナル操作

ターミナル活用術：

// 複数の作業を並行する場合
1. Ctrl+Shift+` で新しいターミナルを複数作成
2. ターミナルに名前を付けて区別（右クリック→「名前の変更」）
3. フロントエンド用・バックエンド用・Git用など用途別に使い分け

タスク実行

実行中のタスク管理

タスク設定

tasks.json の基本例：

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "npm build",
            "type": "npm",
            "script": "build",
            "group": {
                "kind": "build",
                "isDefault": true
            }
        }
    ]
}

ヘルプ(H)メニュー

学習リソース・情報・サポートへのアクセスを提供します。

学習リソース

リリース情報

キーボード・チュートリアル

コミュニティ

法的情報・ツール

メニュー別ショートカットキー早見表

ファイル(F)メニュー

編集(E)メニュー

選択(S)メニュー

表示(V)メニュー

移動(G)メニュー

実行(R)メニュー

ターミナル(T)メニュー

ヘルプ(H)メニュー

よく使うショートカットTOP30

絶対に覚えるべき（★★★）

1. Ctrl+Shift+P - コマンドパレット（全機能の入り口）
2. Ctrl+P - ファイルへ移動（ファイル名検索）
3. Ctrl+S - 保存
4. Ctrl+F - ファイル内検索
5. Ctrl+H - ファイル内置換
6. Ctrl+Shift+F - 横断検索
7. Ctrl+D - 次の一致を選択（マルチカーソル）
8. Ctrl+/ - 行コメントトグル
9. F12 - 定義に移動
10. Alt+← - 戻る（定義移動後の復帰）
11. Ctrl+` - ターミナル表示/非表示
12. F5 - デバッグ開始/続行
13. F10 - ステップ実行

効率を大幅に上げる（★★）

14. Ctrl+Shift+L - 全出現箇所を選択
15. Ctrl+Alt+↑/↓ - マルチカーソル追加
16. Alt+↑/↓ - 行を移動
17. Shift+Alt+↓ - 行を複製
18. Ctrl+B - サイドバートグル
19. Ctrl+Shift+T - 閉じたタブを復元
20. Ctrl+G - 行に移動
21. F8 - 次のエラーに移動
22. Ctrl+1/2 - エディターグループ切り替え
23. Ctrl+PageDown/Up - タブ切り替え
24. F9 - ブレークポイント設定
25. Ctrl+Shift+G - Git操作パネル

カテゴリ別活用シーン

新しいプロジェクトを始める時

1. Ctrl+K Ctrl+O → フォルダを開く
2. Ctrl+Shift+E → エクスプローラーでファイル構造確認
3. Ctrl+N → 新しいファイルを作成
4. Ctrl+S → 保存（ファイル名・拡張子を設定）

コードを読む・調査する時

1. Ctrl+P → ファイル名で素早く移動
2. Ctrl+T → シンボル（関数名）で検索
3. F12 → 定義に移動
4. Shift+F12 → 参照箇所を確認
5. Alt+← → 元の場所に戻る

コードを書く時

1. Ctrl+Space → 補完候補を表示
2. Ctrl+/ → コメントアウト
3. Alt+↑/↓ → 行の並び替え
4. Shift+Alt+↓ → 行の複製
5. Shift+Alt+F → コードフォーマット

リファクタリングする時

1. F2 → シンボル名変更（全箇所一括リネーム）
2. Ctrl+D → 同じ単語を順に選択
3. Ctrl+Shift+L → 全箇所を一括選択
4. Ctrl+. → クイックフィックス（AIによる修正案）
5. Ctrl+H → 文字列置換

デバッグする時

1. F9 → ブレークポイント設定
2. F5 → デバッグ開始
3. F10 → ステップ実行（関数をスキップ）
4. F11 → 関数内に入る
5. Shift+F11 → 関数から抜ける
6. Shift+F5 → デバッグ終了

チームでレビューする時

1. Ctrl+Shift+G → Gitの差分確認
2. Alt+F3 / Shift+Alt+F3 → 変更箇所を順に確認
3. F8 / Shift+F8 → エラー箇所を順に確認
4. Ctrl+K Ctrl+Z → Zen Modeで集中してレビュー

まとめ

VSCodeのプルダウンメニューには、知られていない便利な機能が数多く含まれています。

覚え方のコツ：

1. まずは Ctrl+Shift+P（コマンドパレット）を覚える
2. 日常的に使う操作から少しずつショートカットに置き換える
3. 困ったら Ctrl+Shift+P で機能を検索して、そのショートカットを確認する
4. メニューを開いた時に右側に表示されるショートカットを意識して見る習慣をつける

おすすめの学習順：

Week 1: ファイル操作（Ctrl+P, Ctrl+S, Ctrl+O）
Week 2: 編集操作（Ctrl+F, Ctrl+H, Ctrl+/, Alt+↑/↓）
Week 3: マルチカーソル（Ctrl+D, Ctrl+Alt+↑/↓）
Week 4: ナビゲーション（F12, Alt+←, F8）
Week 5: デバッグ（F5, F9, F10, F11）

メニューを一つひとつ確認しながら、日々の開発に活かしてください。

関連記事

VSCodeのキーボードショートカット全般については姉妹記事もご覧ください：

VSCode標準ショートカットキー完全ガイド【日本語解説・おすすめ付き】

はじめにVSCodeを使いこなすには、ショートカットキーの習得が必須です。しかし、VSCodeの標準ショートカット一覧は英語表記で分かりにくいのが難点。本記事では、VSCodeの標準ショートカットキーをカテゴリ別に日本語化し、特に重要なもの...

caymezon.com

2026.01.25

Eclipseをお使いの方はこちら：

Eclipse標準ショートカットキー完全ガイド【日本語解説・おすすめ付き】

はじめにEclipseを使いこなすには、ショートカットキーの習得が必須です。特にJava開発では、リファクタリングやコード補完、デバッグなど、ショートカットキーを活用することで作業効率が劇的に向上します。本記事では、Eclipse（STS4...

caymezon.com

2026.02.06

タグ: #VSCode #ショートカットキー #メニュー #生産性向上 #効率化 #エディター