一天一個包——今日份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,快速升職加薪,走上人生巔峰。