VS Codeを使いこなす第一歩は、ショートカットキーをマスターすることにあります。
エディタの操作に慣れていない初心者の方こそ、早い段階でショートカットを身につけるのが上達への近道です。
メニューを探す時間を削れば、その分コードを書く練習に時間を割けるからです。
この記事では、初心者の方がまず最初に覚えたいショートカットを厳選して紹介します。
WindowsとMac両方のキー操作を併記しているので、自分の環境に合わせてチェックしてみてください。
最初に覚えたいショートカット
基本のファイル・画面操作
| 機能 | Windows | Mac |
|---|---|---|
| コマンドパレット | Ctrl + Shift + P | Cmd + Shift + P |
| クイックオープン | Ctrl + P | Cmd + P |
| サイドバーの開閉 | Ctrl + B | Cmd + B |
【コマンドパレット】
画面上部に入力欄が現れ、VS Codeのすべての機能（設定変更、拡張機能の呼び出し、画面の色の変更など）を検索して実行できます。
【クイックオープン】
ファイル名の一部を入力するだけで、候補がズラッと出てきます。
【サイドバーの開閉】
画面左側のファイル一覧（サイドバー）を閉じたり開いたりできます。
編集効率アップ
| 機能 | Windows | Mac |
|---|---|---|
| 行のコピー | Alt + Shift + ↓ | Opt + Shift + ↓ |
| 行の移動 | Alt + ↑ / ↓ | Opt + ↑ / ↓ |
| 一括コメントアウト | Ctrl + / | Cmd + / |
| 同じ単語を同時選択 | Ctrl + D | Cmd + D |
【行のコピー・移動】
カーソルがその行にあるだけで動かせます（範囲選択すら不要）。
【一括コメントアウト】
複数行を選択してこのキーを押すだけで、まとめてコメント（ // や “ など）にできます。
もう一度押せば元に戻るので、テスト作業がスムーズになります。
【同じ単語を同時選択】
単語を選んだ状態でこのキーを押すと、同じ単語を次々に選択してくれます。
そのまま文字を打てば、選択されたすべての場所が同時に書き換わります。
1つずつ直して修正漏れが発生するミスも防げます。
ナビゲーション
| 機能 | Windows | Mac |
|---|---|---|
| 定義へ移動 | F12 | F12 |
| ファイル内検索 | Ctrl + F | Cmd + F |
| ターミナルの表示 | Ctrl + J | Cmd + J |
【定義へ移動】
関数名や変数名の上にカーソルを置いて F12 を押すだけ。
別ファイルに書かれた内容であっても、VS Codeが自動でその場所を開いてくれます。
【ファイル内検索】
画面右上に検索窓が出現し、入力した文字がコード内でハイライト（強調）されます。
検索窓の左にある「＞」マークを押すと「置換」モードになり、特定の文字を別の文字に一気に書き換えることも可能です。
【ターミナルの表示】
コードを書く画面を広く使いたいときは閉じ、プログラムを実行したいときだけサッと開くと便利です。
まとめ
今回は、VS Codeを使い始めたら最初に覚えたいショートカットを紹介しました。
最初からすべてを使いこなそうとする必要はありません。
まずは、便利そうだと思ったものを使ってみてください。
1日にひとつずつでも、指が勝手に動くようになれば、プログラミングの効率は驚くほど上がります。
