👆

【Mac】VScode 厳選ショートカット集

2024/06/23に公開

こんにちは。zenn初めましてのなかじです。
昨年末、会社の先輩のアウトプットしてみよう!という啓発に触れ、何かアウトプットをしてみたいとは思ったものの、でも何すればいいんだろ?と悶々として半年が経ってしまいました。

あまり悩まないでサクサク書いた方がいいのだろうとふと思いたち、
とりあえずいつも忘れるVSCodeのショートカットをまとめておいて、自分で使いたいものだけ確認できる場所を作っておこう!となりました。

下記、Mac+US配列でのショートカット集となります。

ジャンプ系

カーソルジャンプ系をまとめています。

行頭・行末へジャンプ

Cmd + |

単語の先頭へジャンプ

Option + |
次の単語に移っていきます。

指定行へジャンプ

Ctrl + G

対応する括弧にジャンプ

Cmd + Shift + \
US配列の場合。日本語配列の場合は¥マークのキーを使用するらしい(未確認情報)

エラー発生箇所へジャンプ

F8
TypeScriptでLinterを張っているときに表示されるProblemsの場所へジャンプする。

選択系

範囲選択系のショートカット。

単語を選択

Cmd + D
そのままD連打で次の同じ単語を選択し続けます(本来はそのための機能っぽい)

同じ単語を全選択

Cmd + Shift + L

複数行の同じ位置を選択

Cmd + Option + ↑(↓)

スマート選択

Cmd + Ctrl + Shift + |
{}()などのスコープ単位で選択してくれます。

選択の解除

esc
選択の解除だけでなく、検索/置換ウィンドウを消すのにも便利

検索・置換系

変数、インポート名などを一括で変換

F2
変数を追ってくれるので上記のCmd + Shift + Lよりよく使います。

コード上の検索、置換

Cmd + F(検索)
Cmd + Option + F(置換)

プロジェクト内検索、置換

Cmd + Shift + F(検索)
Cmd + Shift + H(置換)

コード修正系

行を移動

Option + |

行をコピーして追加

Option + Shift + |

表示切り替え系

Problems表示・非表示切り替え

Cmd + Shift + M

ターミナル表示・非表示切り替え

Ctrl + `
Ctrl + Shift + ` (新規ターミナルを表示)

ファイルエクスプローラとエディターのペイン移動

Cmd + Shift + E

コード入力系

実際のコーディング中に使用するもの。

コードヒント表示

Cmd + I

コードフォーマッタ実行

Option + Shift + F
ただしPrettierなどの設定フォーマッタを設定しておく必要あり

行コメント追加

Cmd + /

Discussion