1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【VSCode初心者向け】作業が速くなるショートカット20選|Windows・macOS対応

1
Posted at

はじめに

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:目的のファイルを探す

  1. Ctrl+P(Macは Cmd+P)でファイル名を検索。
  2. 関数名が分かる場合は F12 で定義へ移動。
  3. 別の利用箇所を探すなら右クリックの「すべての参照を検索」や Shift+F12 を利用。

「エクスプローラーからフォルダーを何段もたどる」時間を減らせます。

実務シナリオ2:同じ名前を一括変更

F2 は対応する言語拡張機能がある場合、単なる文字置換ではなくシンボル名の変更として機能します。

const itemCount = 3;
console.log(itemCount);

itemCount にカーソルを置いて F2。変更結果の範囲を確認してから保存しましょう。文字列中の同名テキストまで常に一括変更する機能ではありません。

実務シナリオ3:ターミナルで実行する

Ctrl+バッククォート でターミナルを開き、次を試します。

git status

これでエディターとターミナルを行き来できます。

キーが動かないとき

  1. Ctrl+K Ctrl+S で「キーボードショートカット」を開く。
  2. 操作名(例:Format Document)を検索する。
  3. キー割り当てと競合を確認する。
  4. フォーマットが動かない場合は、言語別のフォーマッター拡張機能が必要なことがあります。

キーボード配列やIME、OSのショートカットと競合するケースもあります。

まず覚えるならこの5つ

Ctrl+Shift+P、Ctrl+P、Ctrl+Shift+F、F12、Ctrl+バッククォート。日々のファイル移動や調査が楽になります。

参考資料

1
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?