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

六、打印效果

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

相关推荐
WIN赢2 小时前
【性能测试入门_01性能测试jmeter基础实操场景详解】
ide·python·pycharm
CN-Dust5 小时前
VsCode导入时选择相对路径
ide·vscode·编辑器
算力魔方AIPC8 小时前
在 MAC mini4 上使用 VSCode 和 Cline 插件对接 Deepseek-R1:32b 的完整指南
ide·vscode·macos
故事与他6459 小时前
CTFHub-上传文件
android·ide·windows·web安全·网络安全·android studio·xss
白总Server10 小时前
Bash和Zsh在处理大文件时优化方法
开发语言·网络·ide·stm32·安全·udp·bash
6v6-博客15 小时前
VS Code、PyCharm、IntelliJ IDEA 等 IDE 的配置和插件推荐
ide·pycharm·intellij-idea
yqcoder19 小时前
vscode 好用插件
ide·vscode·编辑器
Code_流苏1 天前
VSCode 2025最新前端开发必备插件推荐汇总(提效指南)
ide·vscode·编辑器·前端开发插件·汇总指南
The god of big data1 天前
Visual Studio Code 基本使用指南
ide·vscode·编辑器
Rhys..1 天前
Pycharm修改默认执行框架为unittest
ide·python·pycharm