VSCodeにて選択範囲を正規表現にて検索 / 置換

目的

VSCodeにて下記のように対象ファイル内の文言を置換する

//before
ref={ref}

//after
ref: ref

参考

https://code.visualstudio.com/docs/editor/codebasics#_search-and-replace
https://code.visualstudio.com/docs/editor/codebasics#_case-changing-in-regex-replace
https://www.regular-expressions.info/

対応方法

1. 編集したいファイルを開く
2. cmd + f にてページ内検索を開く
3. 下記のように検索文言 / 置換文言を記入し正規表現モードを選択する(下記画像参照)
   

検索文言:

\{(.*)\}

置換文言:

:$1

用いている表現の解説

• \{ : エスケープ文字、正規表現にて意味がある記号を検索対象に含めたい場合に使用
• . : 任意の一文字
• * : 0回以上の繰り返し
• .* : 任意の文字の0回以上の繰り返し
• () & $n : 正規表現にて()で括る場合、先頭から順番にn番目にマッチした文字列を$nとして参照できます。