iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 14
0
自我挑戰組

後端工程師自我練習,使用Node.js來做後端server系列 第 14

[Day-14] Node.js [用Chalk.js對console輸出上色]

  • 分享至 

  • xImage
  •  

[ Day 14]

說明:來用點有趣的套件,chalk.js,一款可以幫console輸出的值上色的套件,
對於黑底白字厭倦的話可以使用,或是在輸出log檔時後,需要對特定資訊上色的話可以使用,方便查找。

一、安裝

npm install chalk --save

二、使用

const chalk = require('chalk');

console.log(chalk.blue('Hello world!'))
console.log(chalk.red('Hello world!'))
console.log(chalk.green('Hello world!'))
console.log(chalk.gray('Hello world!'))
console.log(chalk.yellow('Hello world!'))
console.log(chalk.cyan('Hello world!'))
console.log(chalk.magenta('Hello world!'))

https://ithelp.ithome.com.tw/upload/images/20200927/20110911LVOkXrhyVE.png

三、連續樣式

const chalk = require('chalk');

console.log(chalk.blue.bgWhite.bold('Hello world!'))
console.log(chalk.red.underline('Hello world!'))
console.log(chalk.green('Hello world!' + chalk.yellow.bold('世界你好')))

https://ithelp.ithome.com.tw/upload/images/20200927/20110911LuJGVBLP2B.png

四、when error occurs, paint some color on error message

async function throwError() {
  throw new Error('這是一個示範案例')
}

throwError()
  .then()
  .catch(error => {
    console.log(chalk.red.underline('ERROR OCCUR!! Message: ' + chalk.blue.bgWhite.bold(error)))
})

https://ithelp.ithome.com.tw/upload/images/20200927/201109118W9EhHWjDf.png

參考來源:https://github.com/chalk/chalk
[Day14結束]


上一篇
[Day-13] Node.js [lodash套件,增加開發速度]
下一篇
[Day-15] Vue.js [直接使用Vue cli開始vue 專案(一)]
系列文
後端工程師自我練習,使用Node.js來做後端server30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言