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

六、打印效果

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

相关推荐
0wioiw02 小时前
Apple基础(Xcode①-项目结构解析)
ide·macos·xcode
懒大王爱吃狼9 小时前
PyCharm功能及安装使用教程
ide·python·pycharm·python基础·python教程·pycharm安装·pycharm使用
DechinPhy19 小时前
VSCode手动版本更新
ide·vscode·编辑器
_别来无恙_1 天前
vscode 字体的跟换
ide·vscode·编辑器
写写闲篇儿1 天前
Visual Studio的妙用
ide·visual studio
wr3541010661 天前
Mac电脑使用IDEA启动服务后,报service异常
java·ide·spring boot·macos·tomcat·maven·java-consul
珂玥c1 天前
ubuntu18.04制作raid0
ide
言6661 天前
vscode npm run build打包报ELIFECYCLE
ide·vscode·npm
未来之窗软件服务2 天前
【智慧物联网平台】安装部署教程——仙盟创梦IDE
ide·物联网·仙盟创梦ide·东方仙盟
love530love2 天前
Windows 11 下 Anaconda 命令修复指南及常见问题解决
运维·ide·人工智能·windows·python·架构·conda