有没有办法像开发工具一样在 WebStorm 中为 console.log 消息着色？

Posted 2023-02-23

【中文标题】有没有办法像开发工具一样在 WebStorm 中为 console.log 消息着色？

【英文标题】：Is there a way to color console.log messages in WebStorm like dev tools?

【发布时间】：2017-05-12 22:04:53

【问题描述】：

看图

【参考方案1】：

是的。你可以这样做：

console.log('\x1b[36m%s\x1b[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://***.com/a/41407246/2589276

【参考方案2】：

不，这是不可能的；不支持样式化控制台输出。请投票给WEB-12349 以获取任何进展通知

【参考方案3】：

像这样为我工作：

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

并输出：

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

编辑：仅适用于 Chrome 和 Firefox