VSCode - find and replace with regexp, but keep word

Question

I have multiple occurance of src={icons.ICON_NAME_HERE} in my code, that I would like to change to name="ICON_NAME_HERE".

Is it possible to do it with regular expressions, so I can keep whatever is in code as ICON_NAME_HERE?

To clarify:

I have for example src={icons.upload} and src={icons.download}, I want to do replace all with one regexp, so those gets converted to name="upload" and name="download"

Tim Biegeleisen · Accepted Answer · 2018-07-25 14:33:48Z

5

Try searching on the following pattern:

src=\{icons\.([^}]+)\}

And then replace with your replacement:

name="$1"

In case you are wondering, the quantity in parentheses in the search pattern is captured during the regex search. Then, we can access that captured group using $1 in the replacement. In this case, the captured group should just be the name of the icon.

answered Jul 25, 2018 at 14:33

Tim Biegeleisen

526k32 gold badges324 silver badges399 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mdmb Over a year ago

Mr. Tim. Thank you very much! I knew it was possible, but some regexps are just to much for me :) And now when I'm writing this comment you keep editing yours so I can better understand it. That's brilliant!

Collectives™ on Stack Overflow

VSCode - find and replace with regexp, but keep word

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related