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

六、打印效果

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

相关推荐
时时三省21 小时前
VScode 智能插件安装
ide·vscode·编辑器
令狐前生1 天前
Intellij IDEA 2025 破解安装
java·ide·intellij-idea
知彼解己1 天前
Eclipse Temurin:企业级 Java JDK 发行版的最佳实践
java·ide·eclipse
独隅1 天前
CLion 在 Linux 上的完整安装与配置使用指南
linux·运维·服务器·c语言·c++·ide
jerryinwuhan1 天前
VScode 安装opencode
ide·vscode·编辑器
223糖1 天前
Idea,pycharm2026激活保姆级教程
java·ide·intellij-idea
独隅1 天前
CLion 接入 Codex 的完整配置使用全面指南
c++·ide·ai·c++23
sphw2 天前
nixnb: Jupyter Notebook 优雅分享
ide·人工智能·jupyter
计算机内卷的N天2 天前
CMake与Visual Studio的使用
c++·ide·visual studio
咱入行浅2 天前
一款实用的 Visual Studio 发布部署插件,助力提高部署效率!
ide·visual studio