chalk.js(node终端样式库)

github

基本格式

chalk.[.<style>...](string)

chalk[样式关键字_1][样式关键字_2](输出内容)

例子

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="javascript" contenteditable="true" cid="n33" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 4px 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">const chalk = reuquire("chalk")
const log = console.log
​
// 颜色字体
log( chalk.red("红色") ) 
​
// 背景色
log( chalk.bgBlue("蓝色背景") )  
​
// 样式字体
log( chalk.bold("加粗") )
​
// 多参数
log( chalk.blue("name", "age", "job") )
​
// ES6 多行文本
log(
 // 多行文本将保留缩进格式
 chalk.blue(`
 name: Rogan
 age: ${25}
 job: ${ 'IT' }
 `)
)
​
​
// 其他颜色设置方式
log(chalk.keyword("orange")(' keyword ')) // 关键字
log(chalk.rgb(100, 100, 100)(' rgb ')) // rgb
log(chalk.hex('#ffffff')(' hex ')) // hex
​
​
​
// 样式组合
log(` colors: ${chalk.blue('blue')}, ${chalk.red('red')} `) // 拼接
​
log(chalk.blue.bold("Title")) // 链式组合
​
log( chalk.bgYellow(` error: ${chalk.red(" chalk is undefined ")} `) ) // 嵌套
​
​
​
// 自定义组合
const error = chalk.bgRed;
const warning = chalk.yellow.bold;</pre>

样式api

  • reset - 样式重置

  • bold - 加粗

  • dim - 浅高亮

  • italic - 斜体

  • underline - 下划线

  • inverse- 反转前景和背景色

  • hidden - 隐藏内容

  • strikethrough - 删除线

  • visible- 显示chalk level > 0 的内容

前景色关键字(非全支持)

  • black

  • red

  • green

  • yellow

  • blue

  • magenta

  • cyan

  • white

  • blackBright (alias: gray, grey)

  • redBright

  • greenBright

  • yellowBright

  • blueBright

  • magentaBright

  • cyanBright

  • whiteBright

背景色关键字(非全支持)

  • bgBlack

  • bgRed

  • bgGreen

  • bgYellow

  • bgBlue

  • bgMagenta

  • bgCyan

  • bgWhite

  • bgBlackBright (alias: bgGray, bgGrey)

  • bgRedBright

  • bgGreenBright

  • bgYellowBright

  • bgBlueBright

  • bgMagentaBright

  • bgCyanBright

  • bgWhiteBright

取色模式

  • rgb - Example: chalk.rgb(255, 136, 0).bold('Orange!')

  • hex - Example: chalk.hex('#FF8800').bold('Orange!')

  • keyword (CSS keywords) - Example: chalk.keyword('orange').bold('Orange!')

  • hsl - Example: chalk.hsl(32, 100, 50).bold('Orange!')

  • hsv - Example: chalk.hsv(32, 100, 100).bold('Orange!')

  • hwb - Example: chalk.hwb(32, 0, 50).bold('Orange!')

  • ansi16

  • ansi256

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容