玩转正则!推荐一个速查、调试、验证、可视化工具_民工哥技术之路

作为一个程序员、当代码农,时不时你会需要去写点正则表达式。但是,正则它毕竟不是一门语言,不是所有的程序员都会,或者说非常精通,有时候,你会遇到非常奇葩的正则表达式,可能你又写不出来,老大还急着要!项目还离不了你的这个正则表达式。

这时候,你肯定会抓耳挠腮,心想,要是有一个可以通过条件生成正则表达的工具,那该是有多好啊!在程序员的世界,哪里有需求,哪里就有开发,这不,还真就有这么一个吊炸天的工具:iHateRegex

玩转正则!推荐一个速查、调试、验证、可视化工具_民工哥技术之路_02

github地址:https://github.com/geongeorge/i-hate-regex

i Hate Regex是一个在线开源工具,可快速检索并匹配到合适的正则表达式,帮你完成如用户名、邮箱、日期、手机号码、密码等常见规则的验证。

它有以下几个特点:

  • 可视化正则表达式

  • 匹配的字符串-测试区域

  • 在您的网站上嵌入正则表达式可视化

  •  正则表达式代码突出显示和验证

  • 支持降价的正则表达式说明

  • 在Playground页面上,您可以创建自己的表达式并链接到它。

  • 用户登录并保存正则表达式

访问及使用方式

它有两种访问及使用方式:1、在线,2、本地安装

1、在线访问直接访问https://ihateregex.io/

2、本地安装

#安装 yarn (已安装的可以忽略)
npm install -g yarn

#克隆仓库
git clone https://github.com/geongeorge/i-hate-regex.git

#安装依赖
yarn install

#在本地测试
yarn dev

#打包并运行nuxt服务器
yarn build

yarn start

这个项目是用Nuxt.js打包。更详细的信息可以参考Nuxt.js文档

民工哥建议还是使用在线的方式比较方便、实用,毕竟源码安装还涉及到很多框架的使用,没必要去花这种的学习成本。

使用截图

在首页点击下方的playground,进入页面:

玩转正则!推荐一个速查、调试、验证、可视化工具_民工哥技术之路_03

这里,我们就可以看到,对应的正则表示式和匹配过程示意图。

在这里我们还可以修改正则表达式,对应的示意图也随之改变

玩转正则!推荐一个速查、调试、验证、可视化工具_民工哥技术之路_04

另外再页面左侧导航栏上方可以搜索想要的正则表达式

玩转正则!推荐一个速查、调试、验证、可视化工具_民工哥技术之路_05

这里我们输入IP,点击第一个(ip address(ipv4))

玩转正则!推荐一个速查、调试、验证、可视化工具_民工哥技术之路_06

非常的方便,实用,对于日常的工作使用肯定是已经足够了。

有兴趣的读者可以自己去尝试、探索一番,同时,如果你感觉这个小工具挺好、挺实用,请点个在看与转发分享出去,让更多的人去使用它,来提高工作效率。

也欢迎读者朋友们留言分享你所使用过的、实用的小工具。

end

 

玩转正则!推荐一个速查、调试、验证、可视化工具_民工哥技术之路_07