當前位置: 妍妍網 > 碼農

2.9K star!這個視覺化正規表式工具,絕了!!

2024-03-06碼農

* 戳上方藍字「 開源先鋒 」關註我

推薦閱讀:

大家好,我是開源君!

正規表式這個東西,對於程式設計師來說,可以說是又愛又恨。

今天給大家介紹一個非常好用的正規表式視覺化工具 - regex-vis

它可以幫助我們輕松理解和偵錯正規表式,是學習和使用正規表式的利器!

簡介

regex-vis 是一個開源的正規表式視覺化工具,可以幫助我們理解和偵錯正規表式。只需要輸入自己的正規表式,然後檢視匹配結果及匹配過程。

該工具提供了直觀的界面和互動功能,非常適合初學者學習和使用正規表式。

目前在github上面有2.9K 的star,看來很多朋友都很青睞這個計畫。

功能特性

  • 視覺化正規表式:將正規表式轉換為直觀的圖形,幫助我們理解正規表式的結構和工作原理。

  • 偵錯正規表式:可以輸入字串和正規表式,逐個字元地檢視正規表式如何匹配字串,方便偵錯。

  • 學習正規表式:提供豐富的教程和範例,幫助我們學習正規表式的基礎知識。

  • 支持多種語言:支持英語、中文、日語等多種語言,方便全球使用者使用。

  • 使用體驗

    官方沒有提供現成的安裝包或者方式,需要自行根據源碼構建。

    不過官方提供了一個體驗站點,可以快速體驗。

    https://regex-vis.com

    首頁界面,預設是英文的,可以右上角選擇中文。

    使用很簡單,直接輸入一個正規表式後,就會生成視覺化圖形。

    比如開源君這裏找了一個手機號碼的正規表式,

    可以選擇在圖形中的單個或者多個節點,然後在右側的面板上進行操作。

    最後驗證一下,輸入數據,綠色表示驗證透過,紅色表示不透過。

    另外,regex-vis 還提供了一些樣例,可以幫我們更好地透過該計畫學習理解正規表式。

    透過 Regex-Vis 這個開源工具,我們可以更直觀、快速地學習和偵錯正規表式。其直觀視覺化界面和互動功能讓整個使用過程更加愉快和高效。

    關於計畫的更多細節,可以自行去計畫地址進行檢視:

    計畫地址:
    https://github.com/Bowen7/regex-vis