初めに
開発中に複数のファイルにまたがって使用している、テンプレートから引っ張って来たコードの一部を変更したり、いろいろなところで使っている変数名を変更したいとき一つ一つ直すのは非常にめんどくさい。そんなときVSCodeのリプレイス機能を使えば簡単に解決できます。
やり方
-
まず初めに以下のようにhome.htmlとindex.htmlがあります。違いはpタグ内のメッセージだけです。
home.html
index.html
-
次に左のメニューバーの虫眼鏡をクリック、もしくは(Ctrl+Shift+f)でショートカットを使用します。
-
以下のような入力欄が出てくるので上部に変更したいワード、下部に変更後のワードを入力します。今回はpタグのクラス名をmessageからwelcome-messageに変更します。
-
Replaceボタンを押すと以下のようなメッセージが出ます。Replaceを押すと指定したワードが変更されます。
まとめ
このReplace機能を使えば一括でプロジェクト内の変数やクラス名を変更することができます。しかし変更したいワードが含まれているもの全てが選択されるのでその点は注意が必要です。便利な機能なので工夫して使いましょう