什么是 regulex
regulex 是一个在线正则表达式可视化工具，通过 regulex 可以将正则表达式直观的可视化展示，让用户更加方便快捷的理解和调试正则表达式。
regulex 的使用
安装 regulex
- 首先需要安装 Node.js，安装教程可以参考官方文档。
- 安装 regulex：
npm install -g regulex
使用 regulex
regulex 的使用十分简单，我们只需要将需要分析的正则表达式作为 regulex 的参数进行调用即可，例如：
regulex /hello.*/
其中 /hello.*/ 是需要进行分析的正则表达式。
regulex 命令将会启动一个本地服务，打开您的浏览器访问 http://localhost:8080 就可以看到 regulex 可视化界面了。
regulex 支持多种操作，比如鼠标拖拽、滚动缩放等交互操作，还可以生成 JavaScript 代码，帮助我们更快捷地生成正则表达式代码。
例如，我们在 regulex 中输入一个较为简单的正则表达式 /[0-9]/，得到可视化结果如下：
其中在右侧的栏目中可以看到生成好的 JavaScript 代码，我们只需要将代码复制到我们的项目中就可以进行使用了。
regulex 的定制
regulex 作为一个开源的 npm 包，我们可以通过修改源码的方式对其进行定制，满足我们自己的需求。
以修改 index.html 文件为例，我们可以在该文件中修改 style 标签，对 regulex 进行布局、样式的优化：
-- -------------------- ---- -------
-------
------------------ -
---------- ------
------- - -----
----------------- --------
-------- -----
----------- - - --- ------- -- -- -----
-
-- -
---------- -----
------------ -----
-------------- -----
-
------------- -
-------------- -----
---------- -----
-
-------- -
-------- -----
--------------- ----
---------------- --------------
------ -----
----------- -----
-
--------------- -
------ ----
-------- --- -----
----------------- -----
------ -----
------- --- ----- --------
--------- -------
------- ------
-------------- ----
-
---------------------- -
------ ----
------- ------
----------------- -----
------ -----
------- --- ----- --------
--------- -------
-------------- ----
-
--------按照以上操作，我们就可以对 regulex 进行自定义定制，满足自己的需求。
总结
通过本文的介绍，我们了解了 npm 包 regulex 的使用及定制方法，掌握了 regulex 可视化正则表达式的调试方法，方便了我们解决问题，提高了开发效率。希望读者可以学以致用，将 regulex 运用到实际开发中，让开发更加便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067381890c4f7277584258