Skip to content

Search and replace in VS Code using Regular Expressions

New Course Coming Soon:

Get Really Good at Git

I had the need to do a rather big change in the repository of my website.

I have hundreds of markdown files and in my markdown I sometimes include images with spaces, mostly because they are screenshots so the format is like

Screen Shot 2021-10-16 at 09.45.47.png

The string to load the image is:

![Alt text](/images/vscode-search-replace-regex/Screen_Shot_2021-10-16_at_09.45.47.png)

This worked fine in Hugo up to the version I had installed, but recently in version 0.100 they removed the support for the Markdown library I was using, named Blackfriday, and now only Goldmark is supported, which does not allow spaces in images any more (among other changes).

And I really had to update my site to keep up with Hugo as I was using an older version, 10 months old.

There goes my problem. I needed to update all my images links.

Well, not really. I could wrap the image name in <>:

![Alt text](/images/vscode-search-replace-regex/Screen_Shot_2021-10-16_at_09.45.47.png)

and things work again.

I just have to search and replace all of them!

I have thousands of those, not something I’m going to do.

So I remembered VS Code has regular expressions in its find / replace functionality.

After a bit of experimentation, using a Regex like this:


I was able to create 2 capturing groups, one for the alt text and one for the filename.

Then in the replace box I could use $1 for the alt text and $2 for the filename:


and this replacement string ![](/images/vscode-search-replace-regex/$1)worked_for_the_images_without_alt_text(I_know,_I_know…):

How did I come up with those regular expressions?

Mostly through my JavaScript Regular Expressions tutorial.

I wrote that a while ago, but it’s still my go-to resource.

Then some googling and for quickly testing the regex.

Regular expressions still feel a bit magic to me, but sometimes it’s the only tool that can do the job.

Like in this case.

Are you intimidated by Git? Can’t figure out merge vs rebase? Are you afraid of screwing up something any time you have to do something in Git? Do you rely on ChatGPT or random people’s answer on StackOverflow to fix your problems? Your coworkers are tired of explaining Git to you all the time? Git is something we all need to use, but few of us really master it. I created this course to improve your Git (and GitHub) knowledge at a radical level. A course that helps you feel less frustrated with Git. Launching Summer 2024. Join the waiting list!

Here is how can I help you: