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

六、打印效果

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

相关推荐
odng6 小时前
IDEA自己常用的几个快捷方式(自己的习惯)
java·ide·intellij-idea
weixin_423196177 小时前
VSCode+WSL作为IDE开发和管理深度学习项目
ide·vscode·编辑器
乐闻x8 小时前
VSCode 插件开发实战(八):创建和管理任务 Task
ide·vscode·编辑器
web1376560764310 小时前
WebStorm 创建一个Vue项目
ide·vue.js·webstorm
带电的小王1 天前
VSCode:VSCode安装 -- 最简洁的VSCode安装教程
ide·vscode·编辑器
会说法语的猪1 天前
IDEA使用Alt + Enter快捷键自动接受返回值一直有final修饰的问题处理
java·ide·intellij-idea
叶羽西1 天前
Android Studio Gradle Sync timeout
android·ide·android studio
我是一个对称矩阵1 天前
Visual Studio2019基础使用指南
ide·visual studio
sg_knight1 天前
VSCode如何修改默认扩展路径和用户文件夹目录到D盘
前端·ide·vscode·编辑器·web
GPT祖弘1 天前
【VScode】第三方GPT编程工具-CodeMoss安装教程
ide·vscode·gpt