最近フロントエンドでVS Codeを使うようになったので、よく使っているショートカット等をメモってみます。
VS Codeで触ってる主な言語はReact、ReactNative、Javascript、Typescript、HTML、CSSです。
便利ショートカット一覧
最低限覚えておきたい10選
| 動作 | コマンド |
|---|---|
| ファイル検索 | Command + P |
| ファイル内を検索 | Command + F |
| 置換 | Command + Option + F |
| ファイル横断で検索 | Command + Shift + F |
| 最近開いたもの | Control + R |
| 現在選択されているファイルを閉じる | Ctrl + 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 + D |
| 画面を分割 | Control + Option + Command + ¥ |
| Git画面の表示 | Control + Shift + G |
| エクスプローラー画面の表示 | Command + Shift + E |
| マークダウンのプレビュー表示 | Command + Shift + V |
コマンドを変更したいショートカット
ファンクションキー系（F12とか）。一部のMacだと、ファンクションキーがタッチバーになっていて押しづらいです。
変更箇所ですが、Command + K + Sのショートカット一覧から、各ショートカットのコマンドの左側にカーソルを移動すると、編集用のペンアイコンが表示されます。
