アプリケーション・ツール

【VSCode】Visual Studio Codeで同じ文字を同時に修正する方法

VSCodeを使用している時に、同じページの何箇所かにある変数名を一気に変更したいことってないですか?
例えば

dataapi

という変数名をキャメルケースの

dataApi

に変更したいときなど。
一箇所ずつ変更するのも当然有りなのですが、VSCodeではそれすら一気に行えるという使い方ができるので紹介したいと思います。

VSCodeで同じ文字を同時に修正する方法

対象文字を選択してロックする

good を bad に変更するというサンプルを元に、手順を解説します
下記のようなコードを用意しました。

3行目の「good」を選択します。
サンプルが悪く、選択されているかどうかわかりにくいですが、選択できています。

選択された状態で、Shift + Ctrl + Lを押すと、同一の文字が全選択されます。
これで、選択された対象の文字列(good)が「ロックされた」というような状態です。(多分、他の呼び方があるはず。。。)

ロックされた状態で、BackSpace キーを押すと、good 文字列が全て消え去ります。

ここから、もともと「good」が書かれていた場所に「bad」を記述すると。。。。

全てが「bad」に変更されました。

文字のロック解除

ロック解除は、Esc で解除可能です。

任意の文字列は選択を外したい場合

例えば、途中の1行目の表題のものだけは書き換えたくないって場合は、
少し細かいですが、1行目の「good」を、Altキーを押しながらクリックすることで対象から外すことができます。

最初の状態

good を選択し、ロックした状態

1行目の good の選択を外した状態。

これで一番最初に書いた、変数名 dataapi → dataApi なども可能となります。
以上です。

関連するポスト

【VSCode】Visual Studio Codeで、行コピーなど、便利なキーボードショートカットを少しまとめてみた

【VSCode】ターミナルの文字サイズを大きくする方法

-アプリケーション・ツール
-, , , ,