chalk.js(node终端样式库)
前端精髓
共 1212字,需浏览 3分钟
·
2021-06-14 16:01
默认 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,颜色可以让文字描述更形象。
评论
recolor终端样式格式化库
recolor是一个终端下的样式格式化库,为你的终端node应用提供样式嵌套能力。终端下的颜色、背景是不支持嵌套的,通过recolor即可以让嵌套的样式代码正常工作,例如:pseudo code: [
recolor终端样式格式化库
0
BashstrapOS X 终端样式订制
Bashstrap是一种快速让你的OSX终端变得更加整洁的方法。Bashstrap消减一些繁杂的特性,增加了节省时间的特性,提供一个可靠的基础来订制你的终端样式。
BashstrapOS X 终端样式订制
0
RUI基础样式库
RUI是一套前端开发框架,视觉体验一致的基础样式库,借助开源力量为系统Web开发量身设计,可以令我们开发的系统使用感知更加统一。执行任务$ gulp watch文档预览克隆RUI切换到gh-pages
RUI基础样式库
0