vscode的Regex Previewer插件支持实时高亮匹配、捕获组展示与替换预览,安装后通过命令面板唤出,左右栏分别输入正则和文本,即时反馈结果并支持$1等替换引用。

VSCode 的 Regex Previewer 插件能让你在编辑器里直接写、改、看正则效果,不用切到网页或命令行——关键在于“实时高亮 + 匹配详情”,省去反复复制粘贴的麻烦。
安装与基础启动
打开 VSCode 扩展市场(Ctrl+Shift+X),搜 Regex Previewer(作者是 chrmarti),安装并重载。插件默认不自动激活,需要手动唤出:按 Ctrl+Shift+P 打开命令面板,输入 Regex Previewer: Show 并回车,右侧就会弹出预览面板。
输入正则和测试文本
面板分左右两栏:左栏写正则表达式,右栏贴入待测文本。支持常见语法,包括:
- 修饰符:在正则末尾加
g(全局)、i(忽略大小写)、m(多行模式)等,如w+@w+.w+/gi - 转义字符:用双反斜杠
表示单个反斜杠,如匹配路径C:Users.* - 捕获组与命名组:括号
()和(?<name>...)</name>会高亮显示,并在下方列出每组匹配内容
看结果:高亮 + 分组 + 替换预览
只要正则或文本有改动,结果即时刷新:
- 右栏中所有匹配项会被黄色高亮,未匹配部分保持原样
- 下方显示匹配总数、每个匹配的起始位置、完整匹配值,以及各捕获组内容
- 点击面板顶部的 Replace 标签,可输入替换字符串(支持
$1、$<name></name>等引用),实时看到替换后文本
实用小技巧
提升效率的几个细节:
- 按 Ctrl+Enter 可快速在当前文件中应用一次替换(需先选中目标文本)
- 正则栏支持多行,适合写复杂表达式;右栏也支持粘贴大段日志或 html 片段
- 遇到
Invalid regex提示时,检查括号是否配对、特殊字符是否转义(比如[在字符类外要写成[) - 想保存常用正则?直接复制左栏内容到代码注释或笔记里,它本身不提供收藏功能,但结构清晰易复用
基本上就这些。不需要学新语法,也不用跳转页面——写正则时顺手点开它,错在哪、匹配了啥、替换成啥,一眼看清。