快捷導(dǎo)航

控制臺文本樣式庫Chalk.js安裝及使用實(shí)例

更新時(shí)間：2026年04月13日 10:15:59 作者：fundoit

這篇文章主要介紹了控制臺文本樣式庫Chalk.js安裝及使用的相關(guān)資料,Chalk.js支持多種顏色和樣式,包括基本顏色、背景顏色、加粗、下劃線等多種修飾符,并且可以通過鏈?zhǔn)秸{(diào)用組合使用這些樣式,需要的朋友可以參考下

介紹

Chalk 是一個流行的 Node.js 庫，用于為終端文本輸出添加顏色和樣式，提升命令行應(yīng)用的可讀性和用戶體驗(yàn)。它通過簡單的 API 封裝了復(fù)雜的 ANSI 轉(zhuǎn)義碼，使開發(fā)者無需記憶晦澀代碼即可實(shí)現(xiàn)彩色輸出。‌

比如下面是一組標(biāo)識顏色的ANSI 轉(zhuǎn)義碼字符，可以在控制臺中為文本的輸出著色：

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

通過chalk封裝的函數(shù)，我們就不用自己編寫復(fù)雜的轉(zhuǎn)義序列字符，輕松在命令行終端輸出各種樣式的字體。

安裝

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 。

• 鏈?zhǔn)秸{(diào)用：可以將多個樣式方法鏈接在一起，如 chalk.blue.bold.underline 。

• 多參數(shù)輸出： console.log(chalk.blue(‘Hello’), ‘World!’, ‘Foo’, ‘bar’, ‘biz’, ‘baz’); 。

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

注意事項(xiàng)

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

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

• 若要在項(xiàng)目中使用 Chalk.js ，需要確保終端支持 ANSI 顏色編碼。大多數(shù)現(xiàn)代終端都支持。

示例

示例1

// simple.js
import chalk from 'chalk';
console.log(chalk.blue("藍(lán)色字體"));
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'));
//鏈?zhǔn)秸{(diào)用
console.log(chalk.red.bgYellow.bold('Error!'));

運(yùn)行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!'));