node环境实现console输出不同颜色

node环境实现console输出不同颜色

一、输出规则分析

1、输出及打印如下:

  1.  
    console.log('\x1B[31m%s\x1B[0m', '这是红色')
  2.  
    console.log('\x1B[36m%s\x1B[0m', '这是青色')

在这里插入图片描述

2、规则说明

  • \x1B[31m 是一个转义序列,它将被您的终端拦截并指示它切换到红色。\x1B是不可打印控制字符 的代码escape。仅处理颜色和样式的转义序列也称为 ANSI转义码 并且是标准化的,因此它们(应该)可以在任何平台上工作。这里可以指定多种样式\x1B[31m\x1B[42m

  • %s 是字符串(第二个参数)被注入的位置;上述代码还可以这样写:

    1.  
      console.log('\x1B[31m这是红色\x1B[0m')
    2.  
      console.log('\x1B[36m这是青色\x1B[0m')
  • \x1B[0m 表示重置终端颜色,使其在此之后不再继续成为所选颜色;

.

二、颜色参考

  1.  
    {
  2.  
    'bright' : '\x1B[1m', // 亮色
  3.  
    'grey' : '\x1B[2m', // 灰色
  4.  
    'italic' : '\x1B[3m', // 斜体
  5.  
    'underline' : '\x1B[4m', // 下划线
  6.  
    'reverse' : '\x1B[7m', // 反向
  7.  
    'hidden' : '\x1B[8m', // 隐藏
  8.  
    'black' : '\x1B[30m', // 黑色
  9.  
    'red' : '\x1B[31m', // 红色
  10.  
    'green' : '\x1B[32m', // 绿色
  11.  
    'yellow' : '\x1B[33m', // 黄色
  12.  
    'blue' : '\x1B[34m', // 蓝色
  13.  
    'magenta' : '\x1B[35m', // 品红
  14.  
    'cyan' : '\x1B[36m', // 青色
  15.  
    'white' : '\x1B[37m', // 白色
  16.  
    'blackBG' : '\x1B[40m', // 背景色为黑色
  17.  
    'redBG' : '\x1B[41m', // 背景色为红色
  18.  
    'greenBG' : '\x1B[42m', // 背景色为绿色
  19.  
    'yellowBG' : '\x1B[43m', // 背景色为黄色
  20.  
    'blueBG' : '\x1B[44m', // 背景色为蓝色
  21.  
    'magentaBG' : '\x1B[45m', // 背景色为品红
  22.  
    'cyanBG' : '\x1B[46m', // 背景色为青色
  23.  
    'whiteBG' : '\x1B[47m' // 背景色为白色
  24.  
    }
  •  

三、colors-console插件下载使用

1、下载

npm i colors-console -D
  •  

2、使用

  • 颜色参数为字符串时
  1.  
    const colors = require('colors-console')
  2.  
     
  3.  
    console.log('颜色是:' + colors('red', '红色'))
  4.  
    console.log('颜色是:', colors('cyan', '青色'))

在这里插入图片描述

  • 颜色参数为数组时
console.log(colors(['red','greenBG','underline'], '这是红色、绿色背景、下划线'))
  •  

在这里插入图片描述

posted on 2022-08-01 14:35  xsSystem  阅读(969)  评论(0编辑  收藏  举报