chalk.js(node终端样式库)

默认 node 在输出终端的文字都是黑白的,为了使输出不再单调,添加文字背景什么的,改变字体颜色什么的,我们可以使用 chalk.js 这个库。

在这里插入图片描述

安装

npm install chalk

设置字体颜色

const chalk = require('chalk')

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

上面的代码中 Hello world! 文字会变成蓝色。我们还可以多种颜色混合使用,比如下面的 Hello 是蓝色,符号 ! 是红色的。

const chalk = require('chalk')

console.log(chalk.blue('Hello') + ' World' + chalk.red('!'));

目前支持的字体颜色API如下:

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

如果没有你想要的颜色,那么也可以使用rgb方法定义字体颜色:

console.log(chalk.rgb(10, 100, 200)('Hello!'));

设置背景颜色

const chalk = require('chalk')

console.log(chalk.bold('Hello world!'));

字体颜色和背景颜色也可以一起设置:

const chalk = require('chalk')

console.log(chalk.blue.bgRed.bold('Hello world!'));

目前支持的背景颜色API如下:

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

如果没有你想要的颜色,那么也可以使用bgRgb方法定义背景颜色:

const chalk = require('chalk')

console.log(chalk.bgRgb(15, 100, 204)('Hello!'));

这个库在很多写脚手架的地方被用到,比如 vue-cli,颜色可以让文字描述更形象。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页

打赏

前端精髓

小礼物走一走,来CSDN关注我

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值