H5W3
当前位置:H5W3 > 其他技术问题 > 正文

玩转正则表达式!推荐一个速查、调试、验证、可视化工具

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

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

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,进入页面:

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

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

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

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

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

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

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

更多精彩技术干货文章,也可以关注民工哥的微信公众号。
jishuroad.jpg

本文地址:H5W3 » 玩转正则表达式!推荐一个速查、调试、验证、可视化工具

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址