简介
在前端开发的过程中，我们经常需要在控制台输出调试信息，这时候我们会使用 console.log 或者 console.debug 等方法。但是，这些方法输出信息的形式较为单一，并且信息可读性也不够高。在此情况下，我们可以使用 console-info 包，以便更加清晰和有条理地显示调试信息。
console-info 是一个简单的 npm 包，它可以在控制台中以更加清晰和易读的形式输出信息。如果我们想在控制台中输出带有一定格式的信息，例如不同类型的信息使用不同的颜色标识，就可以使用此包。
安装
要使用 console-info，需要先进行安装，可以使用以下命令：
npm install console-info
安装完成后，我们可以在项目中使用它。
用法
console-info 基本使用方法与 console.log 等方法相似，我们只需要在需要输出信息的地方调用相应方法即可。
显示普通信息
我们可以使用 console.info 方法显示普通信息，它的语法与 console.log 方法的语法相同：
console.info('This is a normal message');显示成功信息
我们可以使用 console.success 方法显示成功信息，它的语法和使用方法与 console.info 相同，但是其颜色不同：
console.success('This is a success message');显示警告信息
我们可以使用 console.warning 方法显示警告信息，它的语法与 console.info 相同：
console.warning('This is a warning message');显示错误信息
我们可以使用 console.error 方法显示错误信息，它的语法与 console.info 和 console.warning 相同：
console.error('This is an error message');显示自定义信息
我们可以使用 console.custom 方法显示自定义信息，它可以设置信息的颜色、背景颜色和字体样式，具体的参数设置可以参考文档。
console.custom('This is a custom message', {
color: 'blue',
backgroundColor: 'white',
fontWeight: 'bold',
});示例
下面是一个使用 console-info 输出调试信息的示例代码：
-- -------------------- ---- ------- ----- ---- - - ----- ------- ---- --- ----- ---- ------ -- -------------------- ---- -- ------ --------------- -------------------- -------------- - ------ ------- ---------------- -------- -- ------------------- --------------- ------------------ -------------- ------------------- --------------- -------------------- ---- --- -- ------------ --------------------- -------------- - ------ ------ ---------------- ---------- ---- -- ------ -- ------------------ ---- -- ------------
运行以上代码，我们可以得到以下的输出结果：
The data is loaded successfully Data information: Name: Jack Age: 22 City: New York The data may be incorrect Debug information: The data is incorrect
总结
console-info 是一款非常实用的 npm 包，它能够让我们更清晰地显示调试信息，帮助我们更快地排查问题。在实际使用中，我们可以根据不同的需要，选择合适的方法来显示调试信息。为了避免混淆，我们推荐在项目中统一使用 console-info，以便更好地管理和维护代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/61971