1. 程式人生 > >一天一個包——今日份Chalk

一天一個包——今日份Chalk

終端著色工具包

chalk 是一個可以給終端輸出加上色彩的工具包,有了它,你的終端將變得五顏六色,花哨的一匹 :grin:。

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,值得擁有 :wink:

 

 

本次給大家推薦一個免費的學習群,裡面概括移動應用網站開發,css,html,webpack,vue node angular以及面試資源等。
對web開發技術感興趣的同學,歡迎加入Q群:943129070,不管你是小白還是大牛我都歡迎,還有大牛整理的一套高效率學習路線和教程與您免費分享,同時每天更新視訊資料。
最後,祝大家早日學有所成,拿到滿意offer,快速升職加薪,走上人生巔峰。