I Hate Regex
made with Vuejs

I Hate Regex

这个工具能让你直观的看到正则表达式的匹配过程,是那些苦于学习正则表达式的同学的“小抄”(cheetsheet)。

相关问答
暂无相关问题
查看全部
简介及使用教程

首先进入官网 https://ihateregex.io

image.png

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

image.png

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

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

image.png

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

image.png

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

image.png

这个网站是基于MIT开源的,我们还可以下载源码进行安装使用修改。

安装

  1. 安装 yarn (已安装的可以忽略)

  2. 克隆仓库

    git clone https://github.com/geongeorge/i-hate-regex.git

  3. 按照依赖

    yarn install

  4. 在本地测试

    yarn dev

  5. 打包并运行nuxt服务器

    yarn build

    yarn start

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

作者

Geon George

相关项目

这是一个基于Tailwind CSS的Nuxt.js程序化Toast组件。
这是乌克兰的一家外卖电子商务网站。
这是精品设计型酒店11 Mirrors的的网站。
这是新加坡一家咸蛋黄美食的电商网站。
这是一个Vue.js APP的简约框架。
这是一个微日记应用。
这是一个法国自述小说的故事平台