Regex‑Vis

Regex Vis 简介

Regex Vis 是一款开源的在线正则表达式可视化工具，把抽象的匹配规则翻译成一张可以点开查看的铁路图。输入一段正则，页面上会立刻生成由节点和分支组成的结构图，每一处语法都能在图上找到对应位置，看得见也就更容易读懂。对刚接触正则的新手来说，它把记符号变成了看图理解；对经常写校验规则的开发者来说，它省去了反复试错的时间。整个工具在浏览器里运行，不用安装客户端。

• https://regex-vis.com/

正则结构可视化

• 实时生成图形：每输入一段正则，铁路图同步更新，分支、循环、字符集落在哪里一目了然。
• 节点直接编辑：在图上点击或框选节点，就能插入、删除内容，不必回到输入框里逐字修改。
• 分组量词操作：选中一段结构后添加分组或量词，嵌套层级不会因为手写括号而错位。
• 结构清晰排布：节点按匹配顺序展开，再复杂的表达式也能分辨出层次关系。

匹配效果验证

• 测试串即时校验：在右侧输入待匹配的文本，马上能看到这段正则是否命中目标内容。
• 颜色区分结果：匹配成功显示绿色，失败标红，结果状态不用逐字比对。
• 改动边看效果：调整图形或正则后重新测试，方便确认每一步修改带来的变化。

Regex Vis 无需部署，浏览器打开官网就能开始；想离线使用，也可以从开源仓库下载源码，通过 Docker 或 pnpm 启动本地服务。工具内置身份证、邮箱等常见正则示例，可以直接拿来改；界面提供中英文切换和明暗主题，长时间对照调试时更省眼力。项目在 GitHub 上已积累 3K+ Stars，更新和反馈都比较活跃。无论是刚开始学正则，还是需要快速核对一段 AI 生成或同事留下的表达式，这款正则可视化工具都能把规则拆开，让人看得明白。