chalk是一个命令行高亮插件 官方地址:github.com/chalk/chalk
安装
npm install chalk
// or
yarn add chalk
简单使用
import chalk from 'chalk';
console.log(chalk.blue('Hello world!'));
输出
常用例子
import chalk from 'chalk';
const log = console.log;
// 修饰样式和普通字符串结合
log(chalk.blue('Hello') + ' World' + chalk.red('!'));
// 链式调用多种样式
log(chalk.blue.bgRed.bold('Hello world!'));
// 多个参数
log(chalk.blue('Hello', 'World!', 'Foo', 'bar', 'biz', 'baz'));
// 嵌套样式
log(chalk.red('Hello', chalk.underline.bgBlue('world') + '!'));
// 嵌套相同类型样式
log(chalk.green(
'I am a green line ' +
chalk.blue.underline.bold('with a blue substring') +
' that becomes green again!'
));
// 模板字符串
log(`
CPU: ${chalk.red('90%')}
RAM: ${chalk.green('40%')}
DISK: ${chalk.yellow('70%')}
`);
// 支持rgb和16进制颜色 ***
log(chalk.rgb(123, 45, 67).underline('Underlined reddish color'));
log(chalk.hex('#DEADED').bold('Bold gray!'));
输出:
定义自己的主题:
import chalk from 'chalk';
const error = chalk.bold.red;
const warning = chalk.hex('#FFA500'); // Orange color
console.log(error('Error!'));
console.log(warning('Warning!'));
修饰样式
reset- 重置当前样式bold- 加粗dim- 有一点不透明度italic- 斜体 (未得到广泛支持)underline- 下划线 (未得到广泛支持)overline- 上划线 (未得到广泛支持)inverse- 反转背景和前景颜色hidden- 输出但不可见strikethrough- 删除线 (未得到广泛支持)visible- 仅当色阶高于零时才打印文本。对纯装饰性的东西很有用。
内置颜色
blackredgreenyellowbluemagentacyanwhiteblackBright(alias:gray,grey)redBrightgreenBrightyellowBrightblueBrightmagentaBrightcyanBrightwhiteBright
内置背景色
bgBlackbgRedbgGreenbgYellowbgBluebgMagentabgCyanbgWhitebgBlackBright(alias:bgGray,bgGrey)bgRedBrightbgGreenBrightbgYellowBrightbgBlueBrightbgMagentaBrightbgCyanBrightbgWhiteBright