Vscodeで複数ファイルを一括で置換する方法

Vscodeを使用して、ファイル間の特定の文字列を一括で置換する方法を解説します。

今回は「index.html」、「styles.css」という名前のファイルそれぞれに存在する「html」を「test」に変更したいケースを考えます。

手順は以下の通りです。

「検索」>>検索する文字列と置換後の文字列を入力>>「すべて置換」

具体的に説明します。

①vscodeの左メニューにある「検索」を選択し、ダイアログを開きます。

②検索と書かれた文字の下に2つ箱が並んでいます。上の箱には、検索する文字列である「html」を下の箱には、置換後の文字列である「test」を入力します。

この段階で、置換前と置換後のソースコードが表示されます。

③最後に、「test」と入力した箱の右端にある「すべて置換」をクリック。

以上です。