Asroads'Blog 君子不器
Webstorm设置console参数
发布于: 2023-06-21 更新于: 2024-07-20 分类于: tool 阅读次数: 

程序开发一直以来都是使用Webstorm,平时常用的调试技巧除了断点调试就是输出日志,之前自己也设置过console的格式,但是里面添加参数一直没有仔细研究过,下面说一下具体的一些步骤操作。

  1. 打开设置面板(windows 快捷键: ctrl + alt + s) ,找到 编辑器 -> 实时模板 –> JavaScript (如图)

image-20230716210940967

  1. 找到 log 修改模板为 console.log("smile:🚀 ~ f:$file$ m:$method$ l:$line$->",JSON.stringify($END$))

image-20230716211321045

  1. 点击模板右边的 编辑变量 按钮,选择变量表达式(说到自定义嘛,大家就懂了吧,我这里是加了个小火箭 🚀 )

image-20230716213330649

  1. 输入 log 然后 tab 直接生成打印模板信息最后上图,说一下打印信息中包含,文件名 方法名 行数

image-20230716213436528

其他

image-20240613145257667

1
2
3
4
/**
* Created by jsroads on ${DATE} ${TIME}
* Note:
*/

参考

--- 本文结束 The End ---