はじめに
Visual Studio Code(VSCode)は、プログラム編集・検索・Git操作・ターミナル操作をまとめて行えるエディターです。この記事では初心者が最初に覚えておくと便利な20操作を紹介します。
表はWindowsとmacOSの一般的な既定キー割り当てを示しています。キーボード配列・OS・拡張機能・ユーザー設定によって異なる場合があります。
最初に覚えたいショートカット20選
| # | 操作 | Windows / Linux(一般例) | macOS |
|---|---|---|---|
| 1 | コマンドパレット | Ctrl+Shift+P |
Cmd+Shift+P |
| 2 | ファイルをすばやく開く | Ctrl+P |
Cmd+P |
| 3 | 設定画面 | Ctrl+, |
Cmd+, |
| 4 | キーボードショートカット | Ctrl+K Ctrl+S |
Cmd+K Cmd+S |
| 5 | ファイル保存 | Ctrl+S |
Cmd+S |
| 6 | すべて保存 | Ctrl+K S |
Cmd+Alt+S |
| 7 | ファイル内検索 | Ctrl+F |
Cmd+F |
| 8 | ファイル内置換 | Ctrl+H |
Cmd+Alt+F |
| 9 | フォルダー全体を検索 | Ctrl+Shift+F |
Cmd+Shift+F |
| 10 | 行番号で移動 | Ctrl+G |
Ctrl+G |
| 11 | 定義へ移動 | F12 |
F12 |
| 12 | 定義をのぞく | Alt+F12 |
Option+F12 |
| 13 | 名前を変更 | F2 |
F2 |
| 14 | 行コメント切替 | Ctrl+/ |
Cmd+/ |
| 15 | 行の移動 | Alt+↑/↓ |
Option+↑/↓ |
| 16 | 行のコピー | Shift+Alt+↑/↓ |
Shift+Option+↑/↓ |
| 17 | 複数カーソル追加 | Alt+クリック |
Option+クリック |
| 18 | 統合ターミナル表示 | Ctrl+バッククォート |
Ctrl+バッククォート |
| 19 | サイドバー表示切替 | Ctrl+B |
Cmd+B |
| 20 | 整形(ドキュメント) | Shift+Alt+F |
Shift+Option+F |
補足: Ctrl+K Ctrl+S のような表記は、同時に全部押すのではなく、前半のキーを押してから後半を押します。Ctrl+K S の S は単独のキーです。
実務シナリオ1:目的のファイルを探す
-
Ctrl+P(MacはCmd+P)でファイル名を検索。 - 関数名が分かる場合は
F12で定義へ移動。 - 別の利用箇所を探すなら右クリックの「すべての参照を検索」や
Shift+F12を利用。
「エクスプローラーからフォルダーを何段もたどる」時間を減らせます。
実務シナリオ2:同じ名前を一括変更
F2 は対応する言語拡張機能がある場合、単なる文字置換ではなくシンボル名の変更として機能します。
const itemCount = 3;
console.log(itemCount);
itemCount にカーソルを置いて F2。変更結果の範囲を確認してから保存しましょう。文字列中の同名テキストまで常に一括変更する機能ではありません。
実務シナリオ3:ターミナルで実行する
Ctrl+バッククォート でターミナルを開き、次を試します。
git status
これでエディターとターミナルを行き来できます。
キーが動かないとき
-
Ctrl+K Ctrl+Sで「キーボードショートカット」を開く。 - 操作名(例:
Format Document)を検索する。 - キー割り当てと競合を確認する。
- フォーマットが動かない場合は、言語別のフォーマッター拡張機能が必要なことがあります。
キーボード配列やIME、OSのショートカットと競合するケースもあります。
まず覚えるならこの5つ
Ctrl+Shift+P、Ctrl+P、Ctrl+Shift+F、F12、Ctrl+バッククォート。日々のファイル移動や調査が楽になります。