📌
知らなきゃヤバイ! 開発が効率的になるVScodeの使い方 (マルチカーソル選択)
はじめに
VSCodeの使い方が知らないために効率の悪い開発をしている未経験や経験の浅い方が多いので、
VSCodeをもっと上手く使うやり方を書いて行こうと思いました。
マルチカーソル選択とは
VSCodeでは、今のカーソル位置にある単語と同じ単語をまとめて選択できる機能があり、これが
マルチカーソル選択です。
マルチカーソル選択のメリット
複数のカーソルを同時に選択し、それぞれのカーソルで違う場所のコードを編集できます。
こうして、同じ変更を複数の場所に一度に適用できます。
ex)
変数名の一括変更やコードブロックの一括挿入などが簡単になる
他にも複数のカーソルで、コードの整形や整理を効率的にできます。
インデントの調整、空白の削除、コードの配置などを一度に複数の行に対して行うことができます。
やり方
以下がマルチカーソル選択のやり方です。
| PC,OS | 操作 | |
|---|---|---|
| （macOS） | 現在のカーソル位置にある単語と同じ単語を一括して選択 | ［Shift］＋［Command］＋［L］キー |
| （Windows／Linux） | 現在のカーソル位置にある単語と同じ単語を一括して選択 | Ctrl］＋［Shift］＋［L］キー |
| （macOS） | 現在のカーソル位置にある単語と同じ単語を1つずつ選択範囲に追加する | Command］＋［D］キー |
| Windows／Linux | 現在のカーソル位置にある単語と同じ単語を1つずつ選択範囲に追加する | Ctrl］＋［D］キー |
実際にやってみた
以下の画像の通りだとHeaderを複数選択できています。
これでHeaderを消したり書き換えたりできます。
その他
他にも便利なコマンドがあるので使い方をマスターできるように練習してみてください。
Discussion