webstorm配置彩色的console输出

作者: 不忘初心_6b23 | 来源:发表于2021-08-20 15:52 被阅读0次

webstorm配置彩色的console输出
webStorm 配置 React Native Console
Log4j.properties 属性详解以及 LOG4J日志级
优秀IDEA插件盘点
5.Webstorm注册码
【JS】console - 控制台的几种输出方式
如何用webstorm创建Angular项目
如何用webstorm创建React项目
华为、H3C、思科console认证基本配置
docker部署skywalking

实现场景： 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

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

webstorm配置彩色的console输出
实现场景： chrome控制台console输出文件，方法，文件行数实现步骤打开webstorm prefer...
webStorm 配置 React Native Console
down下来之后可以直接跑模拟器和真机了调试也直接可以打开Chrome
Log4j.properties 属性详解以及 LOG4J日志级
配置内容 #定义输出级别和输出平台 log4j.rootLogger=error, console, keyfil...
优秀IDEA插件盘点
Grep console 配置多颜色日志输出 Alibaba Java Coding Guidelines 阿里巴...
5.Webstorm注册码
配置 Webstorm 安装项配置 Webstorm 安装项是否导入 Webstorm 配置信息这里的意思是之前...
【JS】console - 控制台的几种输出方式
console.log(' 普通输出~ '); console.warn(' 输出警告！ '); console....
如何用webstorm创建Angular项目
下载安装webstorm:配置成功: 配置成功后就可以开启webstorm项目了。在webstorm下配置nod...
如何用webstorm创建React项目
下载安装webstorm:配置成功: 配置成功后就可以开启webstorm项目了。 1：在webstorm下配置n...
华为、H3C、思科console认证基本配置
思科console认证基本配置华为console认证基本配置 H3C配置console认证
docker部署skywalking
观察TID 之后可配置如下选择不输出TID在控制台 ${CONSOLE_LOG_PATTERN}