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

六、打印效果

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

相关推荐
谢娘蓝桥7 小时前
Mac 安装 Xcode 及qt 环境安装
ide·macos·xcode
方知我7 小时前
使用VSCode进行SSH远程连接时无法与xxx建立连接
ide·vscode·ssh
重生之我要当编程大佬8 小时前
关于打不开pycharm的解决方法(一)
ide·python·pycharm
WarPigs11 小时前
Visual Studio笔记
ide·笔记·visual studio
仟濹11 小时前
IDEA 软件下载 + 安装 | 操作步骤
java·ide·intellij-idea
schinber12 小时前
使用pycharm自带debug模式运行flask时报错
ide·pycharm·flask
ithicker13 小时前
Pycharm+Deepseek结合使用Continue插件无法返回中文产生乱码
ide·python·pycharm
这儿有一堆花1 天前
IDE 开发的一天
ide
swear011 天前
VSCODE 插件 rust-analyzer 使用遇到的问题 快捷键查看定义
ide·vscode·rust
pengzhuofan1 天前
IntelliJ IDEA 常用快捷键
java·ide·intellij-idea