はじめに
自社開発エンジニア歴3ヶ月の駆け出しエンジニアである私が、実務において本当によく使っているVSCodeショートカット10選を初学者向けにご紹介。
ぶっちゃけ、これさえ使えるようになっておけばなんとかなるのではと思っています。
キーと記号の対象表を元にご覧ください。
（※対象はMacユーザー）
| キー | 記号 |
|---|---|
| command | ⌘ |
| shift | ⇧ |
| option | ⌥ |
| control | ⌃ |
| caps lock | ⇪ |
ショートカット10選
こちらが今回ご紹介する10個です。後ほど、1つずつ記述していきます。
| NO. | キー | 動作 |
|---|---|---|
| 1 | ⌘ + C | カーソル行を1行コピー （範囲選択時は、選択範囲のみコピー） |
| 2 | ⌘ + P | ファイル検索 |
| 3 | ⌘ + F | ファイル内検索 |
| 4 | ⌘ + ⇧ + F | 全文検索 |
| 5 | ⌘ + Z ⌘ + ⇧ + Z |
戻る 進む |
| 6 | ⌘ + ← or → | コード行末までカーソルを移動 |
| 7 | ⌘ + ⇧ + ← or → | コード行末まで選択 |
| 8 | ⌥ + ↑ or ↓ | カーソル行の移動 |
| 9 | ⌘ + ⇧ + K | カーソル行削除 |
| 10 | ⌘ + / | コメントアウト |
1. ⌘ + C
VSCodeでは、なにも選択しない状態で、⌘ + Cを押すと、カーソルがある行がまるまる1行コピーできます。
意外と知らない人もいたのではないでしょうか(O_O)
⌘ + Xで切り取りができますが、これも同じで、何も選択しない状態だと、まるまる1行切り取りできます。
2. ⌘ + P
ファイル検索ですね。これも本当によく使います。
相対パスでも、絶対パスでも検索できます。
3. ⌘ + F
作業ファイル内から、該当するワードを検索します。
該当ワードが複数ある場合は、Enterを押すと、次に進めます。
4. ⌘ + ⇧ + F
ワークスペース内（ディレクトリ内）を全文検索します。
5. ⌘ + Z , ⌘ + ⇧ + Z
⌘ + Zで戻る。 ⌘ + ⇧ + Zで、戻ったものを進ませることができます。
⌘ + Zはよく連発しますね。
これもVSCode以外でもたくさん使います。
6. ⌘ + ← or →
⌘ + ← or →でカーソルを行末に移動させることができます。いちいち移動させるのは面倒臭いですよね、そんなときにどうぞ。
補足ですが、⌥ + ← or →で粒度を小さくし単語単位での移動ができます。
7. ⌘ + ⇧ + ← or →
6. ⌘ + ← or →にShiftを付け足すと、行末まで一気に選択することができます。
8. ⌥ + ↑or ↓
カーソルがある行をすぐに移動させることができます。
行の入れ替えなどしたいときに、切り取りなどせずに簡単に移動させることができて、これはめちゃくちゃ重宝してますね。
9. ⌘ + ⇧ + K
⌘ + ⇧ + Kで、カーソルがある1行をまるまる削除できます。
不用になったコードや、修正を加えたい時によく使っています。
意外と知らない方も多い？のかもしれません🤔
10. ⌘ + /
選択部分をコメントアウトしてくれます。
なにも選択しない状態ですると、カーソルがある1行だけがコメントアウトされます。
さいごに
ショートカットは覚えれば覚えるほど良い物だと思いますが、私自身の当初はどのショートカットが重要なのかよくわかっていませんでした。
エンジニアとして実際に業務をしていく中で、毎日何１０回と使っているなと感じたショートカットだけ取り上げてみました。
この記事が少しでも、これからエンジニアを目指す人たちや、駆け出しエンジニアの方々への助けになれば幸いです。