前端 终端console.log() 不同颜色的输出工具chalk的介绍与使用 平替chalk的工具

介绍

chalk 是一个用于在 Node.js 应用程序中给终端输出上色的库，主要通过在字符串中插入 ANSI 转义序列来改变文字的颜色、背景色以及其他样式。它使得日志信息和命令行输出更加美观和易读，特别是在调试和输出信息时。

1. Chalk 的安装

可以通过 npm 或 yarn 安装：

npm install chalk
# 或者
yarn add chalk

注意!!!
在CommonJS 模块中使用 require 引入 chalk，而 chalk 库自 v5.0.0 开始，已经转换为 ES Module 格式。
不能再使用 require 来引入 chalk，而需要使用 import 来导入它。
如果想继续使用 CommonJS 模块，可以降级到 chalk 的 v4.x 版本，它仍然支持 require 语法。

2. Chalk 的基本用法

chalk 通过调用其各种 API 方法，能够轻松地改变文本的样式：

const chalk = require('chalk');

// 基本颜色
console.log(chalk.red('Hello world!'));  // 红色
console.log(chalk.green('Hello world!'));  // 绿色

// 背景色
console.log(chalk.bgYellow('Hello world!'));  // 黄色背景

// 多个样式组合
console.log(chalk.blue.bgWhite.bold('Hello world!'));  // 蓝色文字、白色背景、加粗

// 字体修饰
console.log(chalk.underline('Underlined text'));  // 下划线

// 自定义颜色
console.log(chalk.hex('#FF5733')('Custom Hex Color'));  // 使用 hex 颜色

常见命令：

颜色：

• chalk.red(), chalk.green(), chalk.blue(), chalk.yellow(), chalk.magenta(), chalk.cyan(), chalk.white(), chalk.black()

背景色：

• chalk.bgRed(), chalk.bgGreen(), chalk.bgBlue(), chalk.bgYellow(), chalk.bgMagenta(), chalk.bgCyan(), chalk.bgWhite()

字体修饰：

• chalk.bold(), chalk.italic(), chalk.underline(), chalk.strikethrough(), chalk.inverse()

组合样式：

• 使用 .concat() 可以将多个样式串联在一起。
• 使用模板字符串和 chalk 可以更灵活地组合颜色和样式。

3. 使用场景

• 日志输出

可以通过不同的颜色输出不同级别的日志信息（如：info, warn, error），使得调试过程更加高效。

• CLI 工具

为命令行工具的输出增加可读性。

• 错误提示

将错误信息高亮显示，快速引起注意。

4. 其他替代工具

虽然 chalk 很流行，但也有一些替代工具具有不同的特点和优势：

4.1. Colors.js

colors.js 是另一个广泛使用的 Node.js 包，功能和 chalk 类似，可以用来为终端输出上色。它的用法比较简洁，不过它在样式组合和扩展性方面没有 chalk 那么强大。

安装

npm install colors

用法示例

require('colors');

console.log('Hello world!'.green);  // 输出绿色文本
console.log('Error'.red.bold);     // 红色加粗

4.2. cli-color

cli-color 也是一个功能强大的命令行颜色工具，除了支持颜色和样式，还可以支持文本动画和终端控制。

安装

npm install cli-color

用法示例

const clc = require('cli-color');
console.log(clc.green('Green text'));
console.log(clc.bgYellow.black('Yellow background with black text'));

4.3. Chalk7

chalk7 是 chalk 的一个变种，专为 Node.js 7 和更高版本设计，支持现代 JavaScript 特性和编译器优化。

安装

npm install chalk7

用法示例

const chalk = require('chalk7');
console.log(chalk.red('Hello World'));

4.4. kleur

kleur 是一个小巧且高效的终端颜色库，特点是它的 API 简单而且性能优秀，适用于在性能要求较高的应用场景。

安装

npm install kleur

用法示例

const kleur = require('kleur');
console.log(kleur.red('Hello World'));

4.5. Terminal-Colors

terminal-colors 是一个简单易用的终端颜色库，适合那些需要快速上色的开发者，提供了丰富的 API。

安装

npm install terminal-colors

用法示例

const colors = require('terminal-colors');
console.log(colors.red('Error message'));
console.log(colors.bgGreen('Success message'));

5. 总结

chalk 是一个功能强大的终端颜色库，广泛应用于 Node.js 项目中，用于输出带有颜色和样式的文本。它提供了丰富的颜色、背景色和字体修饰选项，适用于日志输出、命令行工具和错误提示等场景。

尽管 chalk 功能丰富，但也有一些替代工具如 colors.js、cli-color、kleur 等，它们各有特点，开发者可以根据项目需求选择适合的库。对于需要高性能和简单 API 的开发者，kleur 和 cli-color 是不错的选择，而如果追求更多功能和扩展性的，chalk 和其变种 chalk7 则可能是更好的选择。