正则表达式可以说一直是大家的梦魇,但是正则在工作中实在是使用太广泛了,又不得不学习,但是却很难掌握其中的奥秘(我也是一样,用了就忘记了~)。
为了能够让大家不再惧怕正则,有一些大神做了一些辅助工具用可视化的方式来帮助大家战胜正则,下面我们就来为大家介绍几款优秀的可视化工具。
1. iHate Regex
地址:https://ihateregex.io/
介绍:这个工具的名称非常符合大家对正则的态度了,不过这个工具确实够强大,可以帮助我们快速搜索并匹配到合适的正则表达式,比如邮箱、日期、手机号码等等常见的验证规则。
网站的整个风格非常简单,很容易上手使用,比如我们查询 Email 的正则规则,会在新的页面显示正则结果,同样还有可视化的正则匹配过程,如下图所示:
难能可贵的是这个工具还是开源的,仓库地址:https://github.com/geongeorge/i-hate-regex
2. The Regular Expression Visualizer, Simulator & Cross-Compiler Tool
地址:https://blog.robertelder.org/regular-expression-visualizer/
介绍:当我们在该工具中输入正则表达式和搜索字符的时候,会自动生成对应的解析树和控制流程图,而且还有匹配的过程动画,如下图所示:
而且解析树和控制流程图还可以进行缩放、全屏等操作,能够直观反映出正则表达式在匹配文本时的执行流程。此外在网站上作者还贴心的录制了视频教程,大家感兴趣的可以去学习下。
3. regex101
地址:https://regex101.com/
介绍:如果上面的两个工具还不足以拯救你,那么下面这个工具就一定不容错过了,因为它支持中文啊,regex101 主要是用来帮助我们进行正则练习的工具,而且还支持多种语言风格,比如 Python、Golang、Javascript 等,可以随意切换。在我们练习的时候还会在右侧给出对应的解释,以及速查表,如下图所示:
所谓工欲善其事,必先利其器,我相信这几款工具足以帮我们战胜可怕的正则表达式了吧!
延伸阅读
上面介绍的几种工具,都是根据已有正则表达式去验证结果类型的工具。使用它们的前提是,你得先学会正则表达式的基本使用。
而接下来我们介绍的这个神器 grex 是可以根据表达式直接生成正则表达式的,使用它你并不需要任何正则表达式的基础,先看看效果吧:
这么棒的工具,难道你不想拥有吗?欲下载此神器,只需在公众号对话框内回复 「grex」,即可获取下载地址。
责编AJX
-
Linux
+关注
关注
87文章
11358浏览量
210895 -
正则表达式
+关注
关注
0文章
27浏览量
3559 -
开源工具
+关注
关注
0文章
27浏览量
4544
发布评论请先 登录
相关推荐
什么是正则表达式?正则表达式如何工作?哪些语法规则适用正则表达式?

shell正则表达式学习
初识 Python 正则表达式
深入浅出boost正则表达式
关于java正则表达式的用法详解
快速入门IPv6和正则表达式

Python正则表达式的学习指南

Python正则表达式指南

初识 Python 正则表达式
python正则表达式中的常用函数
Linux入门之正则表达式

shell脚本基础:正则表达式grep

评论