Bang！又一款正则表达式可视化神器横空出世！

大家好，我是小 G。

我知道，正则表达式一直是你们心头的一根刺，不少人反反复复学了好几次正则，但很难掌握其中的秘诀。

更令人感到痛苦的是，即便你学会了，在看到一大串又长又乱的正则表达式后，还是会感到头皮发麻，欲哭无泪。

刚好，昨天我在闲逛 Hacker News 的时候，偶然发现了一款很酷的正则表达式可视化工具，今早在微博推荐后，得到了不少正面反馈。

今天就跟大家聊下这款工具。

这款工具的界面主要长下面这样，我把其中几个核心功能给大家标注了一下：

如果你觉得单看图片不好理解，这里有个作者亲自录制的视频，可以点开看一下：

正则表达式可视化工具

GitHub Daily的视频

· 9529 播放

看完视频后，相信你大致能了解到，这款工具的神奇之处，就是当你输入正则表达式和搜索字符后，会自动帮你生成两张图：解析树和控制流程图。这两张图都是可交互、可缩放、可全屏展开的图形，便于你进行查看。

「解析树」能帮你理解正则表达式中每个字符的具体含义，「控制流程图」则能直接反映出正则表达式在匹配文本时的执行过程。

作者希望借助这个工具，能帮你更好的理解与学习正则表达式的应用。为此它还在工具的下方补充了详细介绍，向大家讲解了该工具的具体实现原理。

在此就不多做赘述了，感兴趣的同学，可前往该工具页面查看更多详情：

—

这里再安利一波我们的公众号： GitCube，目前坚持每天一篇原创文章，主要分享比较实用或有趣的开发工具与开源项目，偶尔也会聊聊技术圈内最近发生的新鲜事，感兴趣的小伙伴可以关注一下哈。