npm 包 ansi-color 使用教程

阅读时长 3 分钟读完

什么是 ansi-color?

ansi-color 是一个 Node.js 的模块,它能够将输入的字符串按照 ANSI 标准加上颜色,使输出的字符串具有更好的可读性。

安装

执行以下命令即可安装 ansi-color:

然后在代码文件中,通过以下方式引入:

使用示例

基本用法

使用 ansi-color 最基本的方式是给字符串中的部分文字上色。例如,以下代码将字符串 "Hello, world!" 中的 "Hello" 变成了红色:

输出结果:

其中 ansi.red() 函数用于将字符串变成红色。

同样的,ansi-color 还提供了其他颜色:

  • ansi.black() 黑色
  • ansi.red() 红色
  • ansi.green() 绿色
  • ansi.yellow() 黄色
  • ansi.blue() 蓝色
  • ansi.magenta() 紫色
  • ansi.cyan() 青色
  • ansi.white() 白色

同时上色多段文字

当我们需要将一个长字符串中的多段文字上色时,可以使用 ansi() 函数。以下代码将 "Hello, " 以及 "world!" 分别设为红色和绿色:

输出结果:

同样的,同时传入多个参数也可以分别对每个参数设定不同的颜色。例如:

输出结果:

第一个参数变成了红色,第二个参数变成了绿色。

颜色组合

除了单一的颜色之外,我们还可以进行颜色组合。ansi-color 提供了以下组合方式:

  • ansi.bold() 加粗
  • ansi.italic() 斜体
  • ansi.underline() 下划线
  • ansi.inverse() 反白
  • ansi.strikethrough() 删除线

以下示例将 "Hello!" 设为粗体红色:

输出结果:

替换颜色

有时我们需要在字符串中多处更改颜色。按照以上示例,我们只需要在需要上色的文字前加上 ansi.颜色() 即可。但是如果我们需要替换颜色或者在一个句子中多次使用同一种颜色,按照以上方式会显得非常冗长。此时我们可以使用 replace() 方法配合正则表达式,快速替换字符串中的颜色。以下示例使用 replace() 方法将结果中所有的 "Hello" 设为蓝色:

输出结果:

/Hello/g 是一个正则表达式,表示全局匹配所有的 Hello 字符串,并用 ansi.blue() 函数给其设定为蓝色。

总结

ansi-color 这个 npm 包使我们可以简单快速地为控制台输出的字符串添加不同的颜色。熟练掌握它可以大大提高开发效率,实现更美观的输出效果。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/126031