一天一个包——今日份Chalk

Posted iovec

tags:

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

终端着色工具包

技术分享图片

chalk 是一个可以给终端输出加上色彩的工具包,有了它,你的终端将变得五颜六色,花哨的一匹 ??。

GitHub 地址:https://github.com/chalk/chalk

使用起来也非常方便,常规操作 npm 安装 node 包

npm i -D chalk

hello world 如下

const chalk = require('chalk')

console.log(chalk.bold.red('就是这么简单'))

chalk 的颜色 api 还不少,来回组合一下基本足够用了,如果不够用,还可以直接用 hex 或 rgb 来使用百万种真彩色。看下图使用 chalk api 展示的字符串颜色:

技术分享图片

从此终端不再是单调的黑和白,而是百万真彩。

chalk 的内部实现挺简单的,终端展示字符串加颜色需要在字符串前后加上一串标识符,各大操作系统的标识符还不一样,chalk 解决了最脏最累的兼容性。

主要 api 如下:

Modifiers
  reset
  bold
  dim
  underline
  inverse
Colors
  hex
  rgb
  black
  red
  green
  yellow
  blue
  magenta
  cyan
  white
  gray
  redBright
  greenBright
  yellowBright
  blueBright
  magentaBright
  cyanBright
  whiteBright
BackgroundColors
  bgBlack
  bgRed
  bgGreen
  bgYellow
  bgBlue
  bgMagenta
  bgCyan
  bgWhite
  bgBlackBright
  bgRedBright
  bgGreenBright
  bgYellowBright
  bgBlueBright
  bgMagentaBright
  bgCyanBright
  bgWhiteBright

以上三种类型可任意组合,而且都是特方便的链式调用。

搭配 mac + item2 + ohmyzsh 视觉效果更佳哟。尤其是在不太懂技术的人面前,简直是装X神器。一年前,公司新来的前端 MM 来跟我讨论问题,我一看机会来了,迅速切出终端,打了一个 gulp 总任务,无数行五彩斑斓的 log 倾泻而下,颇有种黑客帝国的即视感,那妹子顿时被惊艳到了。一年后的今天,我也终于结束了长达一年的单身生活,开始了新一年的单身生活。

无颜色,不输出,chalk,值得拥有 ??

以上是关于一天一个包——今日份Chalk的主要内容,如果未能解决你的问题,请参考以下文章

今日份的学习笔记:2021.08.12

今日份模拟赛混搭题解

暑假60天打卡之07.29今日份(gulp.js )

2017年读书计划

蓝桥杯今日份练习

今日份命令随笔