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

六、打印效果

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

相关推荐
fengchengwu20129 小时前
Jupyter 安装与使用指南:从环境配置到效率翻倍
ide·windows·jupyter
hdsoft_huge13 小时前
全开源数字孪生系统搭建方案:全套技术文档
vue.js·开源·node.js·echarts·webstorm
摇滚侠14 小时前
IDEA 需要修改的配置 开发工具
java·ide·intellij-idea
我命由我1234516 小时前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js
风别鹤17 小时前
Android Studion Gradle与AGP版本管理
android·ide·android studio
张太行_17 小时前
VSCode SSH公钥免密登录
ide·vscode·ssh
π同学17 小时前
ESP-IDF+vscode开发ESP32第十四讲——UHCI
ide·vscode·编辑器
纪伊路上盛名在17 小时前
Vscode LLM备用方案
ide·vscode·编辑器
yngsqq18 小时前
AutoCAD 2024 + Visual Studio 2022 ARX 二次开发从零到 Hello World 保姆级教程——001环境搭建
ide·visual studio
J-query18 小时前
修改AndroidStudio的Boot Java Runtime for the IDE后,AndroidStudio启动就报错
java·开发语言·ide·android studio