webstorm配置console.log打印

一、设置面板

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

二、模板文本

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

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

三、编辑变量

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

四、生效文件

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

五、使用log

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

六、打印效果

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

相关推荐
菜鸟一皓11 小时前
IDEA的lombok插件不生效了?!!
java·ide·intellij-idea
white.tie1 天前
vscode配置golang
ide·vscode·golang
mashagua1 天前
本地访问autodl的jupyter notebook
ide·python·jupyter·autodl
DaphneOdera171 天前
Jupyter | jupyter notebook 使用 conda 环境
ide·jupyter·conda
一只积极向上的小咸鱼1 天前
jupyter本地配置
ide·python·jupyter
4v1d1 天前
Jupyter的使用分享
ide·python·jupyter
艾伦~耶格尔2 天前
IDEA 配置 Git 详解
java·ide·git·后端·intellij-idea
HoneyMoose2 天前
大厂笔试现已经禁用本地IDE怎么看
ide
十画_8242 天前
Visual Studio 字体与主题推荐
ide·visual studio
A乐神2 天前
pycharm 配置篇
ide·python·pycharm