正则表达式是一种强大的文本模式匹配工具，用于在文本中查找、匹配和替换特定模式的字符串。它是一种由字符和操作符构成的模式字符串，可以用来描述字符的组合规则。正则表达式通常用于以下情况：
regex-vis是一个辅助学习、编写和验证正则的工具。它不仅能对正则进行可视化展示，而且提供可视编辑正则的能力。
简单来说，你输入一个正则表达式后，会生成它的可视化图形。然后可以点选或框选图形中的单个或多个节点，再在右侧操作面板对其进行操作，具体操作取决于节点的类型，比如在其右侧插入空节点、为节点编组、为节点增加量词等。
regex-vis是一款开源的软件，目前在github上已经获得3.1k start，看来很多朋友都很青睐这个项目。
如果不想自己安装部署的，可以使用项目作者提供的体验网站进行体验：
(1) 克隆项目到本地
git clone https://github.com/Bowen7/regex-vis.git(2) 进入到项目的根目录，编写Dockerfile文件
FROM node:16.16 as build-deps # 设置工作目录 WORKDIR /appCOPY . ./ # 更新根证书 RUN apt-get update && apt-get install -y ca-certificates # 设置镜像源为淘宝 NPM 镜像RUN npm config set registry https://registry.npmmirror.com # 安装依赖RUN npm i -g pnpm RUN pnpm install # 构建应用 RUN pnpm run build FROM nginx:1.21-alpine MAINTAINER didiplus<didiplus558@gmail.com> COPY --from=build-deps /app/build /usr/share/nginx/html EXPOSE 80 CMD ["nginx", "-g", "daemon off;"](3) 执行下面的命令进行构建
docker build -t regex-vis:v1 .(4) 运行容器
docker run -d / --name regex-vis / -p 3420:80 / regex-vis:v1官方提供了一个体验站点[1]，可以快速体验。
首页界面，默认是英文的，可以右上角选择中文。
使用很简单，直接输入一个正则表达式后，就会生成可视化图形。比如我这里找了一个手机号码的正则表达式
可以选择在图形中的单个或者多个节点，然后在右侧的面板上进行操作。
最后验证一下，输入数据，绿色表示验证通过，红色表示不通过。
Regex-Vis 的直观可视化界面和交互功能让用户能够更直观地理解正则表达式的工作原理，以及它们如何与文本进行匹配。
如果大家对这个项目感兴趣的可以自行去项目地址[2]进行查看。
Reference：
本文链接：http://www.28at.com/showinfo-26-78511-0.html解锁正则表达式的秘密：regex-vis工具带你看见模式匹配的魔法！
声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com
Copyright © 2016-2023 天津谷骐科技有限公司 版权所有 sitemap.xml
违法及侵权请联系：2376512515@qq.com 津ICP备18001702号
津公网安备 12010102000574号
