筆者上一篇博客 《如何在命令行中顯示五彩斑斕的「黑」》,講到了任何編程均可以在命令行終端打印彩色字體和彩色背景的文字,以及一些簡單文本格式(粗體,下劃線,閃爍,反轉背景色,隱藏),並給出了 python 語言的實現。爲了讓前端開發的同窗也能快速使用這一功能,在本身的項目中輸出漂亮的日誌,筆者用 js 重寫了一遍,併發布到 github 和 npm 。讀者能夠到 github 查看源碼,項目地址:github.com/kenblikylee…,也能夠直接 npm 安裝使用。前端
關於實現原理,能夠參考 《如何在命令行中顯示五彩斑斕的「黑」》 。下面將直接介紹 colorconsole
的使用。node
原本是直接使用 colorconsole
做爲包名的,可是在 publish 時,提示與已有庫名稱類似。對!是類似,不是重名,但實際搜索包 colorconsole 並無找到相關的包。無奈,官方說不能用就不能用,所以,只能加上一個 scope 前綴 @kenworks
。python
npm install --save-dev @kenworks/colorconsole
複製代碼
親測,瀏覽器環境的控制檯不支持ANSI轉義序列
,所以只能在 nodejs 環境使用。git
var colorconsole = require('@kenworks/colorconsole')
複製代碼
colorconsole
提供三個函數:github
在命令行終端打印彩色文本。npm
'bold'
(粗體), 'underline'
(下劃線)), 'blink'
(閃爍), 'reverse'
(背景色反轉), 'hide'
(隱藏)使用字符串指定顏色僅支持 8 種:編程
字符串 | 顏色 |
---|---|
'black' |
黑 |
'red' |
紅 |
'green' |
綠 |
'yellow' |
黃 |
'blue' |
藍 |
'magenta' |
品紅 |
'cyan' |
青 |
'white' |
白 |
返回帶 ANSI轉義序列
的字符串,再使用 console.log 打印該字符串,便可看到彩色的日誌輸出。事實上 colorconsole.log() 就是這樣作的,它們的參數定義也是徹底同樣的,所以可直接參考 colorconsole.log() 的參數使用。瀏覽器
在命令行終端顯示 256 種顏色和顏色對應的數值,至關於一個調色板功能。這 256 個顏色數值對應 colorconsole.log()
和 colorconsole.text()
整數顏色取值,所以,能夠把 colorconsole.plate()
看做是一個調色板,經過它來指定喜歡的顏色。微信
複製下面的代碼到文件 test.js
:併發
var colorconsole = require('@kenworks/colorconsole')
colorconsole.log('hello world!', 'red', null, 'bold')
colorconsole.log('hello world!', 'green', null, 'underline')
colorconsole.log('hello world!', 'blue', null, 'blink')
colorconsole.log('hello world!', 'magenta', null, 'hide')
colorconsole.log('hello world!', 'yellow', null, 'reverse')
colorconsole.log('hello world!', 'magenta', 'cyan')
colorconsole.log('hello world!', 228, null, 'blink')
colorconsole.log('hello world!', 9, 228, 'blink')
colorconsole.log('hello world!', null, null, 'reverse')
colorconsole.log('hello world!', 300, 600)
colorconsole.log('hello world!', 100)
colorconsole.log('hello world!', null, 100)
colorconsole.log('hello world!', 200, 300, 'blink', 'I\'m %s!', 'ken')
console.log(colorconsole.text('hello world!', 100, null, 'bold'), 'I\'m ken!')
複製代碼
終端運行:
node test.js
複製代碼
var colorconsole = require('@kenworks/colorconsole')
colorconsole.plate()
複製代碼
若是本文對你有幫助,請不要吝惜點贊哦 👍
微信掃描二維碼 獲取最新技術原創