简介
epry
是一个用于在浏览器端进行调试的工具库,可以在你的控制台中输出带有颜色和结构的变量与代码片段。它支持 HTML、CSS 和 JSON 数据的格式化输出。epry
工具库是基于 Node.js 环境的 prettyjson
模块开发而来,但它可以直接在浏览器端进行使用。
安装
使用 npm
进行安装:
npm install epry --save-dev
使用方法
引入 epry
库:
const epry = require('epry');
在需要输出的变量或者代码片段处加上 epry()
函数即可在控制台中输出:
epry('Hello, epry!');
epry()
函数还支持多个参数,可以同时输出多个变量或者代码片段:
epry('hello', { foo: 'bar' }, [ 1, 2, 3 ]);
epry()
函数的第二个参数是一个配置对象,可以用来控制输出的样式和格式:
epry([ 1, 2, 3 ], { indent: 2, colors: true });
配置项
epry()
函数的配置项如下:
indent
:每一层缩进的空格数,默认是 4。colors
:是否在控制台中使用颜色,默认是true
。depth
:对象最多嵌套的层级,默认是 7。arrayMaxLength
:打印数组时最多输出的元素个数,默认是 100。
示例代码
-- -------------------- ---- ------- ----- ---- - ---------------- ----- --- - - ---- ------ ---- - -- -- - -- ---- - ----- ------ - -- ----------
输出结果如下:
-- -------------------- ---- ------- - ------ ------ ------ - -- -- - -- ------ - ------- ------ - -
总结
epry
工具库可以帮助前端开发者在处理变量和代码片段时更加简便和高效。它支持多种格式的数据输出和样式配置,让开发者在调试过程中变得更加得心应手。在日常开发中,使用 epry
工具库可以为我们解决很多繁琐的调试问题,提高开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e26a563576b7b1ecfe7