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

六、打印效果

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

相关推荐
XZHOUMIN10 分钟前
网易博客旧文-----XCODE离线帮助文件使用的补充说明
ide·macos·xcode
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ30 分钟前
idea 删除本地分支后,弹窗 delete tracked brank
java·ide·intellij-idea
言慢行善30 分钟前
idea出现的问题
java·ide·intellij-idea
csucoderlee2 小时前
eclipse mat leak suspects report和 component report的区别
java·ide·eclipse
想取一个与众不同的名字好难3 小时前
android studio导入OpenCv并改造成.kts版本
android·ide·android studio
Best_Me074 小时前
如何在Pycharm的终端里进入自己的环境
ide·python·pycharm
HelloMagina5 小时前
Xcode控制台“po“错误:表达式解析失败
ide·macos·xcode
刘凑华5 小时前
使用vscode 连接linux进行开发
ide·vscode·编辑器
码界领航5 小时前
2024 Visual Studio Code的下载与安装
ide·vscode·编辑器
云空9 小时前
《InsCode AI IDE:编程新时代的引领者》
java·javascript·c++·ide·人工智能·python·php