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

六、打印效果

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

相关推荐
文祐9 小时前
下载Visual Studio 2017 Build Tools version 15.9
ide·visual studio
golang学习记10 小时前
Jetbrains 正式官宣:全新AI IDE正式发布!
ide·人工智能·intellij-idea·air
mklpo14711 小时前
在win7 sp1 系统上安装最新版 的 Visual Studio Code。2026-10-04
ide·vscode·编辑器
1024奇点1 天前
【仓颉语言入门 · 第24课】
开发语言·ide·开源
oooost3 天前
Jupyter Notebook 常用快捷键速查
ide·python·jupyter
yqj2344 天前
ESP32-S3中小智项目优化内容
ide·macos·xcode
阿斌.com4 天前
Visual Studio 2026安装全攻略
ide·visual studio
我要神龙摆尾4 天前
IDEA 阅读插件
java·ide·intellij-idea·idea-plugs·plugs
梦幻通灵4 天前
IDEA 实用快捷键【持续更新】
java·ide·intellij-idea
风华同学5 天前
vscode远程连接
ide·vscode·编辑器