学会了你能装逼吗?相信大部分前端童鞋在项目构建或者节点服务启动的时候,或多或少都会在控制台看到一些颜色输出,在全屏黑白中给人一种眼前一亮的感觉~下面是一张git提交信息验证插件控制台信息输出:一般情况下,控制台输出信息会比较多,查找关键信息会比较麻烦。从上面的例子可以看出,彩色输出可以帮助用户一目了然地了解当前的执行进度和状态。如果您将格式输出添加到构建过程或您自己的插件中,那不是很酷吗?你怎么做呢?由于转义序列,终端不仅可以输出黑色,还可以输出彩色和格式化文本。为了区分普通的输出内容,需要特殊的转义字符来识别:"[FormatCodem":Esc在bash环境下可以这样表示://不同的字符集编码表现不同,这里是\033部分//Esc的八进制表示为\x1B//Esc的十六进制表示为\e//Bash提供了一种方便的插入转义字符的方法,windowshell不支持。_FormatCode_表示文本的格式化编码;例子:注意:-e是echo命令的参数,表示启用解析转义序列;\e[0m序列用于删除所有格式和颜色集;可以理解为文本格式处理的终止符,避免影响后面的文本;上面的例子使用了Bash环境输出,其实几乎所有的编程语言都支持转义序列。比如文章开头的例子就是使用console.log()方法输出的。下面例子中具体的格式编码见参考,使用的是node环境。栗子1:改变文字颜色:console.log('normal\033[34mtext\033[0mnormal');\033[34m:表示格式化下一段文字;34表示使用蓝色字体;\033[0m:也是转义标志,0标志清除之前设置的格式,不影响后面的输出。效果展示:栗子2:添加背景色:console.log('normal\033[42mbackground\033[0mnormal');代码42对应于绿色背景。效果展示:栗子3:渐变色实现支持256色,转义格式变为:"[38;5;ColorNumberm"letstr='';for(leti=16;i<22;i++){str+='\033[38;5;'+i+'m#\033[0m';}for(让i=21;i>15;i--){str+='\033[38;5;'+i+'m#\033[0m';}console.log(str);效果展示:栗子4:结合使用console.log('\033[1;31;42m不错不错\033[0m\033[4m下划线\033[0m');效果展示:好了,这些已经满足了一般的控制台提示要求,不妨试试看~更多技术分享及时获取,欢迎【扫码关注】~参考:https://misc.flogisoft.com/ba...