什么是正則表達(dá)式

正則表達(dá)式是一種強(qiáng)大的文本模式匹配工具，用于在文本中查找、匹配和替換特定模式的字符串。它是一種由字符和操作符構(gòu)成的模式字符串，可以用來(lái)描述字符的組合規(guī)則。正則表達(dá)式通常用于以下情況：3Cm28資訊網(wǎng)——每日最新資訊28at.com

• 在文本中搜索特定模式的字符串。
• 在文本中替換特定模式的字符串。
• 對(duì)輸入進(jìn)行驗(yàn)證，以確保其符合特定格式。

3Cm28資訊網(wǎng)——每日最新資訊28at.com

什么是 regex-vis ？

regex-vis是一個(gè)輔助學(xué)習(xí)、編寫(xiě)和驗(yàn)證正則的工具。它不僅能對(duì)正則進(jìn)行可視化展示，而且提供可視編輯正則的能力。3Cm28資訊網(wǎng)——每日最新資訊28at.com

3Cm28資訊網(wǎng)——每日最新資訊28at.com

簡(jiǎn)單來(lái)說(shuō)，你輸入一個(gè)正則表達(dá)式后，會(huì)生成它的可視化圖形。然后可以點(diǎn)選或框選圖形中的單個(gè)或多個(gè)節(jié)點(diǎn)，再在右側(cè)操作面板對(duì)其進(jìn)行操作，具體操作取決于節(jié)點(diǎn)的類(lèi)型，比如在其右側(cè)插入空節(jié)點(diǎn)、為節(jié)點(diǎn)編組、為節(jié)點(diǎn)增加量詞等。3Cm28資訊網(wǎng)——每日最新資訊28at.com

regex-vis是一款開(kāi)源的軟件，目前在github上已經(jīng)獲得3.1k start，看來(lái)很多朋友都很青睞這個(gè)項(xiàng)目。3Cm28資訊網(wǎng)——每日最新資訊28at.com

3Cm28資訊網(wǎng)——每日最新資訊28at.com

功能特性

• 可視化正則表達(dá)式：將正則表達(dá)式轉(zhuǎn)換為直觀的圖形，幫助我們理解正則表達(dá)式的結(jié)構(gòu)和工作原理。
• 調(diào)試正則表達(dá)式：可以輸入字符串和正則表達(dá)式，逐個(gè)字符地查看正則表達(dá)式如何匹配字符串，方便調(diào)試。
• 學(xué)習(xí)正則表達(dá)式：提供豐富的教程和示例，幫助我們學(xué)習(xí)正則表達(dá)式的基礎(chǔ)知識(shí)。
• 支持多種語(yǔ)言：支持英語(yǔ)、中文方便全球用戶(hù)使用。

安裝部署

如果不想自己安裝部署的，可以使用項(xiàng)目作者提供的體驗(yàn)網(wǎng)站進(jìn)行體驗(yàn)：3Cm28資訊網(wǎng)——每日最新資訊28at.com

(1) 克隆項(xiàng)目到本地3Cm28資訊網(wǎng)——每日最新資訊28at.com

git clone https://github.com/Bowen7/regex-vis.git

(2) 進(jìn)入到項(xiàng)目的根目錄，編寫(xiě)Dockerfile文件3Cm28資訊網(wǎng)——每日最新資訊28at.com

FROM node:16.16 as build-deps    # 設(shè)置工作目錄  WORKDIR /appCOPY . ./    # 更新根證書(shū)  RUN apt-get update && apt-get install -y ca-certificates    # 設(shè)置鏡像源為淘寶 NPM 鏡像RUN npm config set registry https://registry.npmmirror.com  # 安裝依賴(lài)RUN npm i -g pnpm  RUN pnpm install    # 構(gòu)建應(yīng)用  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) 執(zhí)行下面的命令進(jìn)行構(gòu)建3Cm28資訊網(wǎng)——每日最新資訊28at.com

docker build -t regex-vis:v1 .

(4) 運(yùn)行容器3Cm28資訊網(wǎng)——每日最新資訊28at.com

docker run -d /   --name regex-vis /   -p 3420:80 /   regex-vis:v1

使用體驗(yàn)

官方提供了一個(gè)體驗(yàn)站點(diǎn)[1]，可以快速體驗(yàn)。3Cm28資訊網(wǎng)——每日最新資訊28at.com

首頁(yè)界面，默認(rèn)是英文的，可以右上角選擇中文。3Cm28資訊網(wǎng)——每日最新資訊28at.com

3Cm28資訊網(wǎng)——每日最新資訊28at.com

使用很簡(jiǎn)單，直接輸入一個(gè)正則表達(dá)式后，就會(huì)生成可視化圖形。比如我這里找了一個(gè)手機(jī)號(hào)碼的正則表達(dá)式3Cm28資訊網(wǎng)——每日最新資訊28at.com

3Cm28資訊網(wǎng)——每日最新資訊28at.com

可以選擇在圖形中的單個(gè)或者多個(gè)節(jié)點(diǎn)，然后在右側(cè)的面板上進(jìn)行操作。3Cm28資訊網(wǎng)——每日最新資訊28at.com

3Cm28資訊網(wǎng)——每日最新資訊28at.com

最后驗(yàn)證一下，輸入數(shù)據(jù)，綠色表示驗(yàn)證通過(guò)，紅色表示不通過(guò)。3Cm28資訊網(wǎng)——每日最新資訊28at.com

3Cm28資訊網(wǎng)——每日最新資訊28at.com

Regex-Vis 的直觀可視化界面和交互功能讓用戶(hù)能夠更直觀地理解正則表達(dá)式的工作原理，以及它們?nèi)绾闻c文本進(jìn)行匹配。3Cm28資訊網(wǎng)——每日最新資訊28at.com

如果大家對(duì)這個(gè)項(xiàng)目感興趣的可以自行去項(xiàng)目地址[2]進(jìn)行查看。3Cm28資訊網(wǎng)——每日最新資訊28at.com

Reference：3Cm28資訊網(wǎng)——每日最新資訊28at.com

• [1]體驗(yàn)站點(diǎn):https://regex-vis.com
• [2]項(xiàng)目地址:https://github.com/Bowen7/regex-vis

本文鏈接：http://www.www897cc.com/showinfo-26-78511-0.html解鎖正則表達(dá)式的秘密：regex-vis工具帶你看見(jiàn)模式匹配的魔法！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： 五分鐘上手Python爬蟲(chóng)：從干飯開(kāi)始，輕松掌握技巧

下一篇： 強(qiáng)悍體驗(yàn) 輕薄設(shè)計(jì) 三星 Galaxy S24 + 大杯旗艦再升級(jí)