前言
前端开发离不开各种工具，其中npm就是一个非常重要的工具。npm是node.js的包管理器，大多数第三方库都会使用npm进行发布和管理。针对前端开发，npm使用频率极高，那么今天我们就讨论一款前端开发中非常实用的npm包——ifrit。
简介
如果你是一个前端开发者，那么你一定会时常感受到浏览器中console的输出信息过于冗杂，常常难以找到真正的需要的信息，这时候ifrit就可以解决这个问题。ifrit是一款轻量级的console.log增强工具，使用ifrit，我们可以将console输出信息按照我们想要的方式组合并显示，从而有效的提高调试效率。
安装
使用npm安装ifrit非常简单，只需要在终端输入以下命令即可：
--- ------- ----- ----------
使用
ifrit使用非常简单，只需要在需要记录log的位置调用ifrit的log方法即可。ifrit支持六种不同类型的log，分别是：
- ifrit.log
- ifrit.info
- ifrit.warn
- ifrit.error
- ifrit.success
- ifrit.custom
除了custom类型外，其他类型的log都原封不动的继承了console原生方法，并且还增加了一些特色的功能和用法。
一、基本用法
调用ifrit.log方法，可以输出一条普通的log。比如输出一个字符串"Hello world!"，代码如下：
---------------- ---------
控制台输出如下：
---------- ----- ------
二、信息类型
ifrit支持info、warn、error等不同类型的信息输出，使用方法类似于log方法。比如，以info类型输出一个字符串"Hello world!"，代码如下：
----------------- ---------
控制台输出如下：
----------- ----- ------
值得注意的是，ifrit会针对不同类型的信息输出对应类型的图标，增加可读性。
三、自定义类型
使用ifrit.custom方法，可以自定义一个输出类型。比如，我们可以自己定义一个类型为test的输出，代码如下：
-------------------- ------- ---- ---------
上述代码先定义了一个类型为test的输出，输出的颜色为#3c3，图标为>，输出前缀为Test:。接下来，我们使用自定义类型test输出一个字符串"Hello world!"，代码如下：
----------------- ---------
控制台输出如下：
----- ----- ------
如此，我们便完成了一个自定义类型的输出。
四、分组输出
ifrit的log输出支持分组，当我们需要将一些相关的log信息分组输出时，可以使用ifrit.group方法。比如，我们需要将一些debug信息进行分组输出，代码如下：
--------------------- ---------------- ---- ---- ---------------- ---- ---- -----------------
上述代码使用了ifrit.group('Debug')开启了一个名为Debug的分组，然后通过ifrit.log输出了两条调试信息，最后使用了ifrit.groupEnd()关闭了该分组。控制台输出如下：
- ----- - ---------- ----- ---- - - ---------- ----- ---- - --
是不是非常的清晰明了？
总结
ifrit是一款非常实用的轻量级console.log增强工具，使用ifrit，可以大大提高调试效率。ifrit支持多种不同类型的信息输出，也支持自定义类型的输出。在输出的内容较多时，ifrit支持分组输出，使得信息更加清晰明了。使用npm安装ifrit非常方便，想要提高自己的前端开发效率，不妨尝试使用ifrit吧！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005577d81e8991b448d47c6