解锁正则表达式的秘密:regex-vis工具带你看见模式匹配的魔法!

本文涉及的产品
可观测可视化 Grafana 版,10个用户账号 1个月
函数计算FC,每月15万CU 3个月
可观测监控 Prometheus 版,每月50GB免费额度
简介: 解锁正则表达式的秘密:regex-vis工具带你看见模式匹配的魔法!

什么是正则表达式

正则表达式是一种强大的文本模式匹配工具,用于在文本中查找、匹配和替换特定模式的字符串。它是一种由字符和操作符构成的模式字符串,可以用来描述字符的组合规则。

正则表达式通常用于以下情况:

  1. 在文本中搜索特定模式的字符串。
  2. 在文本中替换特定模式的字符串。
  3. 对输入进行验证,以确保其符合特定格式。

什么是 regex-vis ?

regex-vis是一个辅助学习、编写和验证正则的工具。它不仅能对正则进行可视化展示,而且提供可视编辑正则的能力。

简单来说,你输入一个正则表达式后,会生成它的可视化图形。然后可以点选或框选图形中的单个或多个节点,再在右侧操作面板对其进行操作,具体操作取决于节点的类型,比如在其右侧插入空节点、为节点编组、为节点增加量词等。

regex-vis是一款开源的软件,目前在github上已经获得3.1k start,看来很多朋友都很青睐这个项目。

功能特性

  • 可视化正则表达式:将正则表达式转换为直观的图形,帮助我们理解正则表达式的结构和工作原理。
  • 调试正则表达式:可以输入字符串和正则表达式,逐个字符地查看正则表达式如何匹配字符串,方便调试。
  • 学习正则表达式:提供丰富的教程和示例,帮助我们学习正则表达式的基础知识。
  • 支持多种语言:支持英语、中文方便全球用户使用。

安装部署

如果不想自己安装部署的,可以使用项目作者提供的体验网站进行体验

  1. 克隆项目到本地
git clone https://github.com/Bowen7/regex-vis.git
  1. 进入到项目的根目录,编写Dockerfile文件
FROM node:16.16 as build-deps  
  
# 设置工作目录  
WORKDIR /app
COPY . ./  
  
# 更新根证书  
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;"]
  1. 执行下面的命令进行构建
docker build -t regex-vis:v1 .
  1. 运行容器
docker run -d \
   --name regex-vis \
   -p 3420:80 \
   regex-vis:v1

使用体验

官方提供了一个体验站点,可以快速体验。

首页界面,默认是英文的,可以右上角选择中文。

使用很简单,直接输入一个正则表达式后,就会生成可视化图形。

比如我这里找了一个手机号码的正则表达式

可以选择在图形中的单个或者多个节点,然后在右侧的面板上进行操作。

最后验证一下,输入数据,绿色表示验证通过,红色表示不通过。

Regex-Vis 的直观可视化界面和交互功能让用户能够更直观地理解正则表达式的工作原理,以及它们如何与文本进行匹配。

如果大家对这个项目感兴趣的可以自行去项目地址进行查看

目录
相关文章
|
2月前
|
测试技术 Perl
一个提高效率的工具,正则表达式,值得学习一下!
一个提高效率的工具,正则表达式,值得学习一下!
|
6月前
|
监控 Unix Linux
强大的文本处理工具组合:egrep、正则表达式、awk、cut、xargs
了解Linux和Unix文本处理的关键工具:egrep(扩展正则表达式搜索)、正则表达式、awk(文本分析)、cut(剪切文本)和xargs(传递参数给命令)。这些工具组合使用可高效处理、分析大量数据,尤其在日志分析和文本查询中。例如,从Web服务器日志中查找404错误,先用egrep筛选,再用awk或cut提取IP和URL,最后用xargs配合其他命令执行操作。掌握这些工具能提升工作效率。
|
4月前
|
SQL 数据处理 数据库
SQL正则表达式应用:文本数据处理的强大工具——深入探讨数据验证、模式搜索、字符替换等核心功能及性能优化和兼容性问题
【8月更文挑战第31天】SQL正则表达式是数据库管理和应用开发中处理文本数据的强大工具,支持数据验证、模式搜索和字符替换等功能。本文通过问答形式介绍了其基本概念、使用方法及注意事项,帮助读者掌握这一重要技能,提升文本数据处理效率。尽管功能强大,但在不同数据库系统中可能存在兼容性问题,需谨慎使用以优化性能。
64 0
|
4月前
|
开发者 Ruby
Ruby正则表达式的奥秘:如何用简单的语法构建强大的文本匹配与处理工具?
【8月更文挑战第31天】正则表达式是文本匹配的强大工具,通过简单模式即可实现复杂文本处理。作为动态、面向对象的语言,Ruby提供了全面的正则表达式支持,涵盖创建、匹配、替换及分割等功能。本文通过示例代码介绍如何在Ruby中使用正则表达式进行文本匹配,并分享了编写正则表达式的最佳实践,帮助开发者提升文本处理效率与准确性,更好地利用这一工具构建高效系统。
37 0
|
PHP 开发者
你见过这些正则表达式中奇奇怪怪的匹配模式吗 _ 贪婪匹配、懒惰匹配 、禁止贪婪匹配!
一篇文章让你清楚的了解正则表达式中奇奇怪怪的匹配模式-- 贪婪匹配、懒惰匹配 、禁止贪婪匹配!
87 1
你见过这些正则表达式中奇奇怪怪的匹配模式吗 _ 贪婪匹配、懒惰匹配 、禁止贪婪匹配!
|
7月前
|
机器学习/深度学习 Python
正则表达式(Regular Expression,常简写为regex或regexp)是一种强大的文本处理工具
【5月更文挑战第12天】正则表达式是文本处理工具,Python的re模块支持其使用。元字符如.、*、+、?等在正则表达式中具有特殊含义,用于指定匹配规则。示例中,通过正则表达式模式匹配字符串中的电子邮件地址,并使用re.findall()找出所有匹配项。
81 4
|
7月前
|
Rust 监控 安全
【专栏】`ripgrep`(rg)是Linux下快速、内存高效的文本搜索工具,用Rust编写,支持PCRE2正则表达式
【4月更文挑战第28天】`ripgrep`(rg)是Linux下快速、内存高效的文本搜索工具,用Rust编写,支持PCRE2正则表达式。相比`grep`,它在处理大文件和复杂模式时更具优势。安装`rg`可通过软件包管理器,如在Debian系系统中使用`sudo apt install ripgrep`。基本用法包括简单搜索、递归搜索、忽略大小写、显示行号等。高级功能包括固定字符串搜索、多文件匹配、并行搜索、排除选项和区域搜索。适用于日志分析、代码审查等场景,是提升工作效率的利器。
577 4
|
7月前
|
数据安全/隐私保护 Python
Python正则表达式:强大的文本处理工具
Python正则表达式:强大的文本处理工具
54 1
|
7月前
|
JavaScript 前端开发 索引
JavaScript中的正则表达式:使用与模式匹配
【4月更文挑战第22天】本文介绍了JavaScript中的正则表达式及其模式匹配,包括字面量和构造函数定义方式,以及`test()`、`match()`、`search()`和`replace()`等匹配方法。正则表达式由元字符(如`.`、`*`、`[]`)和标志(如`g`、`i`)组成,用于定义搜索模式。文中还分享了正则使用的技巧,如模式分解、非捕获分组和注释。掌握正则表达式能提升文本处理的效率和代码质量。
|
7月前
探索正则表达式:强大文本匹配与处理工具
探索正则表达式:强大文本匹配与处理工具