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

41次阅读

共计 1028 个字符,预计需要花费 3 分钟才能阅读完成。

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

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

github 地址:https://github.com/geongeorge…

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))

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

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

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

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

正文完
 0