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

六、打印效果

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

相关推荐
CONTONUE3 小时前
如何调整yarn.nodemanager.vmem-pmem-ratio参数?
ide·eclipse
Taichi呀3 小时前
PyCharm 快捷键指南
ide·python·pycharm
AI视觉网奇5 小时前
vscode 默认环境路径
ide·vscode·编辑器
航Hang*8 小时前
前端项目2-01:个人简介页面
前端·经验分享·html·css3·html5·webstorm
王光环9 小时前
vscode与keil的乱码不兼容问题
ide·vscode·编辑器
萑澈9 小时前
迁移 Visual Studio Code 设置和扩展到 VSCodium
ide·vscode·编辑器
胡斌附体12 小时前
idea查看pom文件依赖
java·ide·intellij-idea·maven依赖
早上好啊! 树哥1 天前
android studio开发:设置屏幕朝向为竖屏,强制应用的包体始终以竖屏(纵向)展示
android·ide·android studio
tmy_starlight1 天前
2025年全新 GPT 4.5 AI 大模型 国内免费调用
ide·gpt·编辑器
wyhwust1 天前
idea出现tomcat不能正确部署的问题--解决方案
java·ide·intellij-idea