有没有像Web开发工具一样在WebStorm中对console.log消息进行着色的方法?

有没有像Web开发工具一样在WebStorm中对console.log消息进行着色的方法?

见图片

在这里输入图像描述


不,这是不可能的; 样式控制台输出不受支持。 请投票通知WEB-12349,通知任何进展


为我这样工作:

var red = ['color: red'].join(';');

并输出:

console.log("%c I'm RED!",red)

编辑:只适用于Chrome和Firefox


是。 你可以做一些事情:

console.log('x1b[36m%sx1b[0m', 'I am cyan');  //cyan

%s是字符串被注入的地方。

颜色参考

Reset = "x1b[0m"
Bright = "x1b[1m"
Dim = "x1b[2m"
Underscore = "x1b[4m"
Blink = "x1b[5m"
Reverse = "x1b[7m"
Hidden = "x1b[8m"

FgBlack = "x1b[30m"
FgRed = "x1b[31m"
FgGreen = "x1b[32m"
FgYellow = "x1b[33m"
FgBlue = "x1b[34m"
FgMagenta = "x1b[35m"
FgCyan = "x1b[36m"
FgWhite = "x1b[37m"

BgBlack = "x1b[40m"
BgRed = "x1b[41m"
BgGreen = "x1b[42m"
BgYellow = "x1b[43m"
BgBlue = "x1b[44m"
BgMagenta = "x1b[45m"
BgCyan = "x1b[46m"
BgWhite = "x1b[47m"

详细信息:https://stackoverflow.com/a/41407246/2589276

链接地址: http://www.djcxy.com/p/87373.html

上一篇: Is there a way to color console.log messages in WebStorm like dev tools?

下一篇: How to apply CSS to console.log coloring automatically