Regex‑Vis

网站描述：

一款开源的正则表达式可视化与编辑工具，旨在帮助用户学习、编写、验证正则。它不仅把正则转换为直观的图形，还提供可视化编辑功能，让用户通过拖拽节点直接修改表达式。

Regex Vis 是一款面向正则表达式学习、编写与验证的开源可视化工具，用户只需在页面左侧输入正则表达式，即可在右侧生成对应的铁路图（Railroad Diagram）。图形化展示后，图中的每个节点都可以点击或框选，随后在右侧操作面板中对节点进行插入、删除、分组、添加量词等编辑操作，极大降低了手工书写和调试正则的难度。

• Regex‑Vis官网入口网址：https://regex-vis.com/
• Regex‑Vis开源项目地址：https://github.com/Bowen7/regex-vis

 

该工具提供两种使用方式：① 直接访问-办-公-人-导-航-分享的官方在线演示站点 https://regex‑vis.com/ 进行即时体验，无需本地部署；② 下载源码自行编译运行，支持 Docker 镜像或通过 pnpm 安装依赖后启动本地服务，默认在 3000 端口提供网页界面。项目源码托管在 GitHub（Bowen7/regex‑vis），已累计获得 3 K+ Stars，社区活跃度高。

功能亮点包括：

• 实时可视化：正则表达式即时转化为铁路图，结构一目了然。
• 交互编辑：节点可直接编辑，支持量词、分组、字符类等常见操作。
• 即时测试：在右侧输入测试字符串，匹配成功显示绿色，失败显示红色，帮助快速验证正则的正确性。
• 多语言与主题：界面支持中英文切换，提供明暗模式，提升使用舒适度。
• 示例库：内置常用正则示例（如身份证、邮箱等），新手可直接参考并改造。

由于采用可视化方式，Regex Vis 对正则表达式的学习曲线有显著帮助，尤其适合对正则不熟悉的开发者或需要快速检查 AI 生成正则的场景。通过在线体验或本地部署，用户均可获得完整的编辑、调试与学习体验。

---

网站标签： 在线工具 编程开发