はじめに
こちらは初心者向けです。
一気に全部覚えようとするのではなく、3個ずつ意識していくことが覚えるコツです!
1. 覚えておきたいショートカット一覧
必須(全員覚えるべき)
| 名称 |
ショートカット |
説明 |
| コメントの切り替え |
Ctrl + / |
コメントアウトの切り替えが可能 |
| デバッグの実行 |
F5 |
プログラムの実行・デバッグ |
| ターミナルを表示(非表示) |
Ctrl + @ |
ターミナルの表示・非表示を切り替えが可能 |
| 新しいターミナル |
Ctrl + Shift + @ |
新しいターミナルを開く |
| ドキュメントのフォーマット |
Alt + Shift + F |
コードのインデント(段落)をきれいに整えてくれます。 ※ HTML/CSS 〇 Python ×(フォーマッタの追加が必要) |
推奨(エンジニアになる人は覚えるべき)
| 名称 |
ショートカット |
説明 |
| すべてのコマンドの表示 |
Ctrl + Shift + P |
VSCodeで使えるコマンドを表示して実行可能 |
| シンボルの名前変更 |
F2 |
変数名や関数名を一括で編集可能 |
| 一括編集 |
Ctrl + F2 |
選択中の要素を一括で編集可能 |
| 行を下(上)へコピー |
Alt + Shift + ↓(↑) |
カーソル行を下にコピー |
| 行を下(上)へ移動 |
Alt + ↓(↑) |
カーソル行を下に移動 |
| 編集箇所を戻る(進む) |
Alt + ←(→) |
編集していた箇所を戻る(進む) |
+α(覚えておくと便利かも)
| 名称 |
ショートカット |
説明 |
| ショートカット一覧 |
Ctrl + K → Ctrl + S
|
登録されているショートカットの一覧を開く |
※ もっと知りたい・覚えたい人はこちら(Windows/Mac)がオススメ!
2. 覚えておきたいショートカットの使い方
(追記予定)
【参考】