webstorm配置console.log打印

一、设置面板

打开设置面板(windows 快捷键: ctrl + alt + s) ,找到 编辑器 -> 实时模板 -> JavaScript -> log,点击log会出现对应的配置

webstorm配置console.log打印_第1张图片

二、模板文本

将下面这些模板文本粘贴进去

console.info(" ~ file:$file$ method:$method$ line:$line$ -----", $PARAM$)

三、编辑变量

点击模板右边的【编辑变量】按钮,选择变量表达式,配置完成后点击【确定】

webstorm配置console.log打印_第2张图片

四、生效文件

点击左下角的【更改】,弹窗中勾选【JavaScript和TypeScript】、【TypeScript】和【Vue】

webstorm配置console.log打印_第3张图片

五、使用log

输入 log 然后 tab 直接生成打印模板信息

webstorm配置console.log打印_第4张图片

六、打印效果

以下就是打印信息,包含:文件名、方法名、行数

webstorm配置console.log打印_第5张图片

你可能感兴趣的:(IDE,webstorm,ide,console.log)