chalkjs

Posted ~往无前

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了chalkjs相关的知识,希望对你有一定的参考价值。

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

npm install chalk

设置字体颜色

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

目前支持的字体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!'));

以上是关于chalkjs的主要内容,如果未能解决你的问题,请参考以下文章

前端学习之JavaScript的框架

前端快速排序算法JavaScript 与vue通用

前端 Vue

前端周报:最经典的26个JavaScript面试题和答案;Vue3.0

DAY66-前端入门-javascript vue02

DAY67-前端入门-javascript(十三) vue03