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

六、打印效果

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

相关推荐
一帘忧梦1 小时前
vscode 搭建stm32开发环境 +HAL 库
ide·vscode·编辑器
独隅20 小时前
Visual Studio 2026 详细安装教程和配置指南
ide·visual studio
lifewange1 天前
Pycharm和IDEA中安装Cursor的方法
ide·pycharm·intellij-idea
读书札记20222 天前
visual studio 调试技巧总结
ide·visual studio
hacker7072 天前
Visual Studio安装教程(C#开发版)
ide·c#·visual studio
XD7429716362 天前
科技早报晚报|2026年5月1日:本地优先文档、安卓离线 IDE 与双击即用密码库,今天最值得跟进的 3 个机会
android·ide·科技·科技新闻·开发者工具·本地优先
謓泽2 天前
【Trae IDE】核心功能详解与使用教程
ide·ai·trea
lzl20402 天前
VSCode中Codex CLI登录卡在‘Sign in with ChatGPT‘屏幕
ide·vscode·chatgpt·codex
AI进化营-智能译站3 天前
Jazzy ROS2入门指南系列05-配置VsCode实现ROS2项目开发
ide·vscode·ai·编辑器
EvenBoy3 天前
IDEA中使用CodeX
java·ide·intellij-idea