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

bor*_*net 4 intellij-idea webstorm

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

看图片

在此处输入图片说明

Esq*_*uth 5

是的。你可以这样做:

console.log('\x1b[36m%s\x1b[0m', 'I am cyan');  //cyan
Run Code Online (Sandbox Code Playgroud)

%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"
Run Code Online (Sandbox Code Playgroud)

详情:https : //stackoverflow.com/a/41407246/2589276