在前端开发中，console.log 已经成了日常必备的调试工具。然而，原生的 console.log 很难区分不同信息级别的输出，而且输出样式单一，不容易吸引开发者的注意力。因此，有一个名叫 styled-console-log 的 npm 包可以帮助我们解决这个问题。
安装与引入
在使用该 npm 包前，我们需要先进行安装。
--- ------- ------------------ ------
在引入时，可以使用 ES6 的方式：
-- --- ------ ---------------- ---- ---------------------
或者使用 CommonJS 的方式：
-- -------- ----- ---------------- - ------------------------------
使用方法
该 npm 包有多种使用方法，可以根据具体需求选择最适合的方式。
普通文字输出
styledConsoleLog('Hello World!')
输出结果将会是这样：
指定级别输出
styledConsoleLog 可以输出五种级别的信息：log, info, warn, error, debug。每种信息的颜色和图标不同，便于开发者更快地定位设置不同的信息类型。
-------------------------- --- ----- --------------------------- ---- ----- --------------------------- ---- ----- ---------------------------- ----- ----- ---------------------------- ----- -----
输出结果将会是这样：
自定义样式
styledConsoleLog 能够让我们自定义样式，通过传入一个 CSS 字符串来改变输出内容的颜色和样式。
----- --- - -
------ -----
----------------- -----
---------- -----
------------ -----
-------------- -------
----------------------- -------- -----输出结果将会是这样：
指导意义
使用 styledConsoleLog 可以让我们更快捷地定位错误信息，提高开发效率。更重要的是，相关输出信息的可读性提高了，不同类型信息之间的界限更加明显，避免了在人海中找信息的尴尬情况。
总结
在前端开发中，styledConsoleLog 是一个非常有用的工具。虽然它可能只是一个小小的 npm 包，但它却能为我们的开发工作带来极大的便利。在不断发展的前端行业中，如此优秀的 npm 包必然会为前端工程师们提供更高效，更愉快的开发体验。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f89238a385564ab6d67