VSCodeのマルチカーソル機能でまとめて編集する

VSCodeのマルチカーソル機能を利用すると、 同じ単語をまとめて選択して編集することができます。

同じことは「置換」機能を使ってもできますが、 マルチカーソル機能も知っておくと便利です。

同じ単語を一括して選択する

ショートカットキー: 「Ctrl + Shift + L」

カーソル位置にある単語を一括して選択します。
下の連続画像では、 div要素を一括でp要素に変更しています。

マルチカーソル

任意の"div"にカーソルがある状態で 「Ctrl + Shift + L」キーを押すと、 すべての"div"が選択されます。 後はBackSpaceで一括削除して"p"を一括入力します。

同じ単語を1つずつ選択する

ショートカットキー: 「Ctrl + D」

カーソル位置にある単語を1つずつ選択します。 一括ではなく、順番に選択したい場合に使用します。
例えば4つあるdiv要素のうち、 上の2つだけ編集したい場合に便利な機能です。

VS Code