【時短】VScodeでテキスト一括置き換え【5秒で完了】

WEB周り
スポンサーリンク
テキスト一括置き換え

時短でコードを書きたい

コーディング中にやっぱりタグやクラス名を変更したいときに、一つ一つ選択していると時間のロスになりますね。
全部選択したと思ったら1つ取り逃がしていて、後でCSSを書いた時に「あれ?」と困ることも・・・。

このやり方なら一瞬で一発でテキスト置き換えで切るのでかなり便利です。

 

テキスト一括置き換えの方法

この、「menu-contents」のクラス名を他とカブるから変更したいとします。
テキスト一括置き換え

 

検索フォームで検索

⌘+F(Macの場合)で検索フォームを出し、変更したいテキストを入力します。
そして左側の右三角マークをクリック。
テキスト一括置き換え

 

Replaceで置き換え

すると新しいフォームが出てくるので、ここへどう変更するかを入力します。
入力後、右側の「Replace」のマークをクリック。
テキスト一括置き換え

 

すると全てのテキストが一括置き換えされます。
テキスト一括置き換え

 


こんなに簡単なのに私はしばらくこの方法を知りませんでした。
VSコードの文字が小さくてよく見てなかったんですよね(文字を大きくすればいいんですが・・)。

少しでも参考になれば幸いです。

コメント

タイトルとURLをコピーしました