Searching efficiently in VS Code can save you hours of manual work. While the default search is useful, regular expressions (regex) unlock powerful pattern-matching capabilities. In this guide, I'll break down essential regex patterns and show you how to use them in VS Code's search (Ctrl+F / Cmd+F).
Why Use Regex in VS Code?
- Find complex patterns (emails, variables, broken links).
- Refactor code faster (bulk rename, extract data).
- Search across files (
Ctrl+Shift+F / Cmd+Shift+F).
Essential Regex Patterns for VS Code
1. Basic Text Matching
hello → Matches exact word "hello". h.llo → Matches "hallo", "hxllo" (. = any character).
2. Matching Multiple Characters
[aeiou] → Matches any vowel. gr[ae]y → Finds "gray" or "grey". [^aeiou] → Matches any character except vowels.
3. Quantifiers (How Many Times?)
a* → Matches 0 or more "a"s (e.g., "", "a", "aa"). a+ → Matches 1 or more "a"s (e.g., "a", "aa"). a{2,4} → Matches 2 to 4 "a"s (e.g., "aa", "aaa").
4. Word & Boundary Matching
\bword\b → Matches whole word "word" (not "keyword"). ^Hello → Matches "Hello" at the start of a line. end$ → Matches "end" at the end of a line.
5. Groups & Capturing
(abc)+ → Matches "abc", "abcabc". (img|src)=["'](.*?)["'] → Finds HTML image sources.
6. Lazy vs. Greedy Matching
".*" → Greedy (matches entire "hello" and "world"). ".*?" → Lazy (matches "hello", "world" separately).
7. Special Characters
\d → Any digit (0-9). \s → Whitespace (space, tab). \w → Word character (a-z, A-Z, 0-9, _).
How to Use Regex in VS Code
- Open search (
Ctrl+F / Cmd+F).
- Enable regex mode by clicking
.* (or press Alt+R).
- Enter your pattern (e.g.,
\b\d{3}-\d{3}-\d{4}\b for phone numbers).
- Press
Enter to see matches.
Pro Tip: Use Ctrl+Shift+F to search across files with regex!
Real-World Examples
✅ Find all email addresses:
\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b
**Final Tips**
Test patterns at [regex101.com][1] before using them.
Bookmark this cheat sheet for quick reference!
[1]: https://regex101.com
