webstorm配置彩色的console输出

实现场景： chrome控制台console输出文件，方法，文件行数

image.png

实现步骤

打开webstorm preferences

WeChate43e82bbc853e4b8eaf9249498ac303a.png

如图所示， 按照步骤来。
第四部可以按需所配，

console.log(' %c 👧👧 params:{ $EXPR$ }; file: $file$; method: $method$; 行: $line$ -----------','font-size:16px;background-color: #42b983;color:#fff;', $EXPR$)

第五步需要配置编辑变量

image.png

最后设置生效的文件

image.png

最后点击应用、确认，可以尝试效果咯！