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

六、打印效果

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

相关推荐
lonelyhiker13 小时前
IDEA未编译完就启动项目的问题
java·ide·intellij-idea
内存不泄露15 小时前
人脸识别考勤系统
ide·vue.js·python
MounRiver_Studio15 小时前
RISC-V IDE MRS2进阶分享(一):picolibc C标准库简介与使用
ide·mcu·risc-v·嵌入式开发
一咦以义16 小时前
Idea远程Debug
java·ide·intellij-idea
MounRiver_Studio17 小时前
RISC-V IDE MRS2使用笔记(十四):用户反馈功能
ide·mcu·risc-v·嵌入式开发
MounRiver_Studio17 小时前
RISC-V IDE MRS2进阶分享(二):远程调试功能
ide·mcu·risc-v·嵌入式开发
weixin_4215850118 小时前
系统说明用conda新建虚拟环境,以及后续管理,删除,并在pycharm中引用
ide·pycharm·conda
lingzhilab18 小时前
零知IDE——零知ESP32 + INA219电流传感器实现18650锂电池智能充放电监测系统
ide·单片机·json
minglie118 小时前
VSCode 作为 Vivado RTL 编辑器的配置
ide·vscode·编辑器
区区一散修18 小时前
0.IntelliJ IDEA的安装和使用
java·ide·intellij-idea