nodejs控制台彩色文字输出

  1. var styles = {
  2.     'bold'          : ['\x1B[1m%s\x1B[0m'],
  3.     'italic'        : ['\x1B[3m%s\x1B[0m'],
  4.     'underline'     : ['\x1B[4m%s\x1B[0m'],
  5.     'inverse'       : ['\x1B[7m%s\x1B[0m'],
  6.     'strikethrough' : ['\x1B[9m%s\x1B[0m'],
  7.     'white'         : ['\x1B[37m%s\x1B[0m'],
  8.     'grey'          : ['\x1B[90m%s\x1B[0m'],
  9.     'black'         : ['\x1B[30m%s\x1B[0m'],
  10.     'blue'          : ['\x1B[34m%s\x1B[0m'],
  11.     'cyan'          : ['\x1B[36m%s\x1B[0m'],
  12.     'green'         : ['\x1B[32m%s\x1B[0m'],
  13.     'magenta'       : ['\x1B[35m%s\x1B[0m'],
  14.     'red'           : ['\x1B[31m%s\x1B[0m'],
  15.     'yellow'        : ['\x1B[33m%s\x1B[0m'],
  16.     'whiteBG'       : ['\x1B[47m%s\x1B[0m'],
  17.     'greyBG'        : ['\x1B[49m%s\x1B[0m'],
  18.     'blackBG'       : ['\x1B[40m%s\x1B[0m'],
  19.     'blueBG'        : ['\x1B[44m%s\x1B[0m'],
  20.     'cyanBG'        : ['\x1B[46m%s\x1B[0m'],
  21.     'greenBG'       : ['\x1B[42m%s\x1B[0m'],
  22.     'magentaBG'     : ['\x1B[45m%s\x1B[0m'],
  23.     'redBG'         : ['\x1B[41m%s\x1B[0m'],
  24.     'yellowBG'      : ['\x1B[43m%s\x1B[0m']
  25. };

浏览器控制彩色输出

在调试js代码的时候，为调试的日志添加样式可以使信息更醒目。
第一个参数就是要输出的字符串，通过%c分割的区间与之后的参数一一对应，参数就是标准的css，如果对应的参数不足，无法匹配%c会以字符串的形式输出，参数过多就会直接以字符串形式输出多余的样式。

  1. console.log('%c this is a message','color:#0f0;')
  2. console.log('%c this %c is a %c message','color:#f00;','font-size:20px;','color:blue;background:yellow;')

image.png