控制台文本样式库Chalk.js安装及使用实例
作者：fundoit
介绍
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!'));
相关链接
https://www.npmjs.com/package/chalk
https://github.com/chalk/chalk
到此这篇关于控制台文本样式库Chalk.js安装及使用的文章就介绍到这了,更多相关控制台文本样式库Chalk.js内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！