今回は自分のメモがてら、Visual Studio Codeで便利なショートカットキーを一部ご紹介します。
ショートカットキーを覚えておくと、HTMLやCSSをエディタで編集するときにマウスを使わずキーボード上で操作が完結するシーンが増え、スムーズな作業ができます。
（個人的には、手の負担が減ったのか長時間作業していても楽な気がします。）
1つでも2つでも覚えておくと作業がはかどります。
最初は慣れないかもしれませんが、ぜひ使ってみてください。
コードの操作をするショートカットキー
コピー・ペースト系
| 操作 | Windows | Mac |
|---|---|---|
| 行／選択範囲をコピー | Ctrl + C | cmd + C |
| 行／選択範囲を切り取り | Ctrl + X | cmd + X |
| ペースト | Ctrl + V | cmd + V |
| カーソル行をを削除 | Ctrl + Shift + K | cmd + Shift + K |
| カーソル行を上／下に移動 | Alt + ↑/↓ | opt + ↑/↓ |
| カーソル行を上／下にコピー | Alt + Shift + ↑/↓ | opt + Shift + ↑/↓ |
選択
| 操作 | Windows | Mac |
|---|---|---|
| 矩形選択 | Ctrl + Shift + Alt + 矢印キー | cmd + Shift + opt + 矢印キー |
| 単語選択 | Ctrl + D | cmd + D |
| 同じ文字列を複数選択 ※Dを押した回数だけどんどん選択する | Ctrl + D | cmd + D |
おまけ
Ctrl/cmd + クリックで任意の場所を複数選択できます
他
| 操作 | Windows | Mac |
|---|---|---|
| カーソル行をコメントアウト | Ctrl + / | cmd + / |
検索・置換を操作するショートカットキー
| 操作 | Windows | Mac |
|---|---|---|
| 現在のファイル内を検索 | Ctrl + F | cmd + F |
| 現在のファイル内を置換 | Ctrl + H | cmd + H |
| フォルダ／ワークスペース内を検索 | Ctrl + Shift + F | cmd + Shift + F |
| フォルダ／ワークスペース内を置換 | Ctrl + Shift + H | cmd + Shift + H |
| ファイル検索 | Ctrl + P | cmd + P |
ファイル内を移動するショートカットキー
| 操作 | Windows | Mac |
|---|---|---|
| 行の先頭へ移動 | Home | Home |
| 行の最後へ移動 | End | End |
| ファイルの先頭へ移動 | Ctrl + Home | cmd + Home |
| ファイルの最後へ移動 | Ctrl + End | cmd + End |
| 行を指定して移動 | Ctrl + G | cmd + G |
| ファイル検索 | Ctrl + P | cmd + P |
タブを操作するショートカットキー
| 操作 | Windows | Mac |
|---|---|---|
| タブの移動 | Ctrl + Tab | cmd + Tab |
| タブを閉じる | Ctrl + W | cmd + W |
| 開いているタブを左右2分割する | Ctrl + | | cmd + | |
ファイルの操作をするショートカットキー
| 操作 | Windows | Mac |
|---|---|---|
| 保存 | Ctrl + S | cmd + S |
| 名前を付けて保存 | Ctrl + Shift + S | cmd + Shift + S |
| 開いているタブを左右2分割する | Ctrl + | | cmd + | |
| 操作を1つ戻す | Ctrl + Z | cmd + Z |
| 操作を1つ進める | Ctrl + Shift + Z | cmd + Shift + Z |
その他のショートカットキー
| 操作 | Windows | Mac |
|---|---|---|
| サイドバーの開閉 | Ctrl + B | cmd + B |
| ターミナルの開閉 | Ctrl + J | cmd + J |
| エクスプローラーを開く | Alt + Shift + R | opt + Shift + R |
