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 直接生成打印模板信息

六、打印效果

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

相关推荐
lpfasd1231 天前
JetBrains2025.3更新
ide
Lv11770081 天前
Visual Studio中的接口
ide·笔记·c#·visual studio
若数1 天前
vscode如何打开多个标签
ide·vscode·编辑器
lingzhilab1 天前
零知IDE——零知ESP32+DFPlayer MP3智能音乐播放器
ide
Python私教1 天前
Jupyter是什么?如何安装使用?
ide·python·jupyter
许商1 天前
【stm32】cmake构建vscode开发环境(复杂大型项目)
ide·vscode·编辑器
厚国兄1 天前
esp32+vscode,在vscode底部不显示esp32的命令图标问题解决
ide·vscode·编辑器
若数1 天前
vscode常用插件
ide·vscode·编辑器
若数1 天前
vscode远程开发使用zsh默认使能zsh命令
ide·vscode·编辑器
spencer_tseng1 天前
Eclipse HeapDump
java·ide·eclipse