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

六、打印效果

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

相关推荐
渡我白衣11 分钟前
打印宏与socket模块设计
java·linux·开发语言·c++·ide·人工智能·eclipse
酷虎软件9 小时前
分享链接+视频音频文案提取 API 接口文档
ide·macos·xcode
我命由我123451 天前
Android Studio - Android Studio 自定义预览尺寸
android·java·ide·java-ee·android studio·android-studio·android runtime
Luoxi_82 天前
Anaconda超详细的安装教程+VScode的使用
ide·vscode·编辑器
球king2 天前
CC GUI 插件:在 IDEA 中使用 CodeX
java·ide·intellij-idea
大龄牛码2 天前
从模型基座到工程范式:GPT-5.6与Grok 4.5在主流AI IDE中的架构适配与选型分析
ide·人工智能·gpt
不负信仰2 天前
Visual Studio 三月更新 —— 打造专属自定义 Agent
ide·visual studio
流量猎手2 天前
Vscode登陆服务器
服务器·ide·vscode
HAPPY酷2 天前
【ROS2】16G 内存笔记本跑 ROS2 仿真?VMware 虚拟机“保姆级”配置指南 (R9 7940HX + RTX 4060)
java·linux·ide·windows·pycharm
烽火聊员2 天前
查看Android Studio错误日志
android·ide·android studio