chalk命令行高亮

346 阅读1分钟

chalk是一个命令行高亮插件 官方地址:github.com/chalk/chalk

image.png

安装

npm install chalk
// or
yarn add chalk

简单使用

import chalk from 'chalk';
console.log(chalk.blue('Hello world!'));

输出

image.png

常用例子

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!'));

输出:

image.png

定义自己的主题:

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- 仅当色阶高于零时才打印文本。对纯装饰性的东西很有用。

内置颜色

  • black
  • red
  • green
  • yellow
  • blue
  • magenta
  • cyan
  • white
  • blackBright (alias: graygrey)
  • redBright
  • greenBright
  • yellowBright
  • blueBright
  • magentaBright
  • cyanBright
  • whiteBright

内置背景色

  • bgBlack
  • bgRed
  • bgGreen
  • bgYellow
  • bgBlue
  • bgMagenta
  • bgCyan
  • bgWhite
  • bgBlackBright (alias: bgGraybgGrey)
  • bgRedBright
  • bgGreenBright
  • bgYellowBright
  • bgBlueBright
  • bgMagentaBright
  • bgCyanBright
  • bgWhiteBright