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

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

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

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

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

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

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

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

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

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

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

end