最近フロントエンドでVS Codeを使うようになったので、よく使っているショートカット等をメモってみます。
VS Codeで触ってる主な言語はReact、ReactNative、Javascript、Typescript、HTML、CSSです。
便利ショートカット一覧
最低限覚えておきたい10選
| 動作 |
コマンド |
| ファイル検索 |
Command + P |
| ファイル内を検索 |
Command + F |
| 置換 |
Command + Option + F |
| ファイル横断で検索 |
Command + Shift + F |
| 最近開いたもの |
Control + R |
| 現在選択されているファイルを閉じる |
Command + W |
| 行をコメントアウト |
Command + / |
| 定義へ移動 |
F12 |
| すべての参照の検索 |
Shift + F12 |
| 前へ戻る |
Control + - |
そこそこ覚えておきたい10選
| 動作 |
コマンド |
| エディタタブの移動 |
Option + Command + ←/→ |
| 行削除 |
Command + Shift + K |
| 行移動 |
Control + G |
| コマンドパレットを開く |
Command + Shift + P |
| ファイル/フォルダを開く |
Command + O |
| 設定を開く |
Command + , |
| キーボードショートカット一覧 |
Command + K + S（Kの後にSを押すこと。逆だと反応しない） |
| 新規ファイル作成 |
Command + N |
| 全てのファイルを閉じる |
Command + K + W |
| 縮小/拡大 |
Command + -（拡大時はShift押しながら） |
余裕があったら覚えたい5選
| 動作 |
コマンド |
| （検索時などに）次のマッチに移動 |
Command + G |
| 画面を分割 |
Control + Option + Command + ¥ |
| Git画面の表示 |
Control + Shift + G |
| エクスプローラー画面の表示 |
Command + Shift + E |
| マークダウンのプレビュー表示 |
Command + Shift + V |
コマンドを変更したいショートカット
ファンクションキー系（F12とか）。一部のMacだと、ファンクションキーがタッチバーになっていて押しづらいです。
変更箇所ですが、Command + K + Sのショートカット一覧から、各ショートカットのコマンドの左側にカーソルを移動すると、編集用のペンアイコンが表示されます。
