控制台文本样式库Chalk.js安装及使用实例

更新时间：2026年04月13日 10:15:59 作者：fundoit

这篇文章主要介绍了控制台文本样式库Chalk.js安装及使用的相关资料,Chalk.js支持多种颜色和样式,包括基本颜色、背景颜色、加粗、下划线等多种修饰符,并且可以通过链式调用组合使用这些样式,需要的朋友可以参考下

介绍

Chalk 是一个流行的 Node.js 库，用于为终端文本输出添加颜色和样式，提升命令行应用的可读性和用户体验。它通过简单的 API 封装了复杂的 ANSI 转义码，使开发者无需记忆晦涩代码即可实现彩色输出。‌

比如下面是一组标识颜色的ANSI 转义码字符，可以在控制台中为文本的输出着色：

console.log('\x1b[33m%s\x1b[0m', 'Hello,I am Rady!');

通过chalk封装的函数，我们就不用自己编写复杂的转义序列字符，轻松在命令行终端输出各种样式的字体。

安装

npm install chalk
npm i chalk --save-dev
#pnpm add -D chalk
pnpm add --save-dev chalk

使用教程

引入chalk.js

import chalk from 'chalk'; 
// 或者
const chalk = require("chalk"); // 从 Chalk 5.0 版本开始，不再支持 CommonJS 的 require 方式引入

API用法

• 字体颜色： chalk.red, chalk.green, chalk.blue 等。

• 背景颜色：在颜色名前加上 bg，如 chalk.bgRed 。

• 链式调用：可以将多个样式方法链接在一起，如 chalk.blue.bold.underline 。

• 多参数输出： console.log(chalk.blue(‘Hello’), ‘World!’, ‘Foo’, ‘bar’, ‘biz’, ‘baz’); 。

• 嵌套样式：可以在一个字符串中嵌套不同的样式，如 chalk.red(‘Hello’, chalk.underline.bgBlue(‘world’) + ‘!’) 。

注意事项

• 从 Chalk 5.0 版本开始，不再支持 CommonJS 的 require 方式引入，而是只支持 ES Modules 的 import 方式。如果需要在 Node.js 中使用，可以考虑使用 Chalk 4.x 版本。

• 某些样式可能在所有终端中并不都有效，如 underline 和 bold 在 Git Bash 上可能不被支持。

• 若要在项目中使用 Chalk.js ，需要确保终端支持 ANSI 颜色编码。大多数现代终端都支持。

示例

示例1

// simple.js
import chalk from 'chalk';
console.log(chalk.blue("蓝色字体"));
const name = 'Sindre';
console.log(chalk.green('Hello %s'), name);
const error = chalk.bold.red;
const warning = chalk.hex('#FFA500'); // Orange color
console.log(error('Error!'));
console.log(warning('Warning!'));
console.log(chalk.blue('an old falcon'));
//console.log(chalk.keyword('steelblue')('an old falcon'));
//console.log(chalk.keyword('khaki').bold('an old falcon'));
//链式调用
console.log(chalk.red.bgYellow.bold('Error!'));

运行node simple.js，效果如下：

示例2

// simple.js
import chalk from 'chalk';
const log = console.log;
// Combine styled and normal strings
log(chalk.blue('Hello') + ' World' + chalk.red('!'));
// Compose multiple styles using the chainable API
log(chalk.blue.bgRed.bold('Hello world!'));
// Pass in multiple arguments
log(chalk.blue('Hello', 'World!', 'Foo', 'bar', 'biz', 'baz'));
// Nest styles
log(chalk.red('Hello', chalk.underline.bgBlue('world') + '!'));
// Nest styles of the same type even (color, underline, background)
log(chalk.green(
	'I am a green line ' +
	chalk.blue.underline.bold('with a blue substring') +
	' that becomes green again!'
));
// ES2015 template literal
log(`
CPU: ${chalk.red('90%')}
RAM: ${chalk.green('40%')}
DISK: ${chalk.yellow('70%')}
`);
// Use RGB colors in terminal emulators that support it.
log(chalk.rgb(123, 45, 67).underline('Underlined reddish color'));
log(chalk.hex('#DEADED').bold('Bold gray!'));