玩轉正則表達式！推薦一個速查、調試、驗證、可視化工具

做爲一個程序員、當代碼農，時不時你會須要去寫點正則表達式。可是，正則它畢竟不是一門語言，不是全部的程序員都會，或者說很是精通，有時候，你會遇到很是奇葩的正則表達式，可能你又寫不出來，老大還急着要！項目還離不了你的這個正則表達式。

這時候，你確定會抓耳撓腮，心想，要是有一個能夠經過條件生成正則表達的工具，那該是有多好啊！在程序員的世界，哪裏有需求，哪裏就有開發，這不，還真就有這麼一個吊炸天的工具：iHateRegex 。

github地址：https://github.com/geongeorge...

i Hate Regex是一個在線開源工具，可快速檢索並匹配到合適的正則表達式，幫你完成如用戶名、郵箱、日期、手機號碼、密碼等常見規則的驗證。

它有如下幾個特色：

• 可視化正則表達式
• 匹配的字符串-測試區域
• 在您的網站上嵌入正則表達式可視化
• 正則表達式代碼突出顯示和驗證
• 支持降價的正則表達式說明
• 在Playground頁面上，您能夠建立本身的表達式並連接到它。
• 用戶登陸並保存正則表達式

訪問及使用方式

它有兩種訪問及使用方式：一、在線，二、本地安裝

一、在線訪問直接訪問https://ihateregex.io/

二、本地安裝

#安裝 yarn （已安裝的能夠忽略）
npm install -g yarn

#克隆倉庫
git clone https://github.com/geongeorge/i-hate-regex.git

#安裝依賴
yarn install

#在本地測試
yarn dev

#打包並運行nuxt服務器
yarn build

yarn start
這個項目是用Nuxt.js打包。更詳細的信息能夠參考Nuxt.js文檔

民工哥建議仍是使用在線的方式比較方便、實用，畢竟源碼安裝還涉及到不少框架的使用，不必去花這種的學習成本。

使用截圖

在首頁點擊下方的playground,進入頁面：

這裏，咱們就能夠看到，對應的正則表示式和匹配過程示意圖。

在這裏咱們還能夠修改正則表達式，對應的示意圖也隨之改變

另外再頁面左側導航欄上方能夠搜索想要的正則表達式

這裏咱們輸入IP，點擊第一個（ip address(ipv4)）

很是的方便，實用，對於平常的工做使用確定是已經足夠了。

有興趣的讀者能夠本身去嘗試、探索一番，同時，若是你感受這個小工具挺好、挺實用，請點個在看與轉發分享出去，讓更多的人去使用它，來提升工做效率。

也歡迎讀者朋友們留言分享你所使用過的、實用的小工具。

更多精彩技術乾貨文章，也能夠關注民工哥的微信公衆號。