在前端开发过程中，我们经常需要输出日志帮助我们排查问题，而 gg-m-log 就是一个非常方便的 npm 包，能够帮助我们输出类似 console.log 的日志信息，同时还具备更加强大的功能，比如能够输出颜色、过滤等等。
本文将详细介绍 gg-m-log 的使用方法，让大家能够更加愉快地输出日志信息。
什么是 gg-m-log
gg-m-log 是一个用于在前端中输出日志信息的 npm 包，其优点如下：
- 能够输出颜色丰富的日志信息
- 可以自定义输出颜色
- 可以过滤输出的日志信息
- 代码精简，易于学习和使用
安装 gg-m-log
使用 gg-m-log 需要先安装它，可以使用 npm 进行安装：
npm install gg-m-log
使用 gg-m-log
安装后，我们就可以使用 gg-m-log 输出日志信息了，其基本用法如下：
const { log } = require('gg-m-log');
log('output log message'); 上面的代码中，我们使用了 gg-m-log 中提供的 log 方法来输出日志信息。
自定义输出颜色
gg-m-log 提供了一些默认的颜色供我们使用，如下所示：
- log：#0039A6
- info：#008000
- error：#FF0000
- debug：#87CEFA
我们也可以自定义输出颜色：
const colors = {
log: '#333',
info: 'green',
error: 'red',
debug: 'blue'
};
const { log } = require('gg-m-log');
log('output log message', colors);上面的代码中，我们通过传入一个对象，自定义了 log、info、error 和 debug 四个方法的输出颜色。
过滤日志信息
gg-m-log 还支持过滤输出的日志信息，我们可以根据不同的 tag 进行过滤：
const { log } = require('gg-m-log');
log('output log message', { tag: 'info' });上面的代码中，我们只输出 tag 为 info 的日志信息。
使用示例
下面是一个使用 gg-m-log 的示例代码，可以帮助大家更好地理解它的使用方法：
-- -------------------- ---- ------- ----- ------ - - ---- ------- ----- -------- ------ ------ ------ ------ -- ----- - --- - - -------------------- --------- -- - --- --------- -------- --------- -- -- ---- --------- - ---- ------- ------ --- --------- -- -- ----- --------- - ---- -------- ------ --- --------- -- - ----- --------- - ---- -------- ------ ---
上面的代码中，我们分别使用了 log、info、error、debug 四个方法输出日志信息，并且使用了自定义的颜色和过滤功能。
结论
gg-m-log 是一个非常实用的前端工具，它能够帮助我们更加方便地输出日志信息，同时还具备自定义颜色和过滤等非常实用的功能。希望本文能够帮助大家更好地学习和使用 gg-m-log。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559e181e8991b448d76ba