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

六、打印效果

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

相关推荐
weixin_426689207 小时前
vscode C语言编译环境搭建(单个文件)
c语言·ide·vscode
进击的雷神17 小时前
Trae AI IDE 完全指南:从入门到精通
大数据·ide·人工智能·trae
北风toto18 小时前
IDEA模块名字和文件夹名字不一样的解决方式
java·ide·intellij-idea
:12119 小时前
idea17创建tomcat项目(计网底层核心理解!)
java·ide·intellij-idea
猿小猴子19 小时前
主流 AI IDE 之一的 华为云码道「CodeArts」 介绍
ide·人工智能·ai·华为云
非鱼䲆鱻䲜1 天前
vscode开发stm32添加新的头文件路径和包含源文件
ide·vscode·stm32·cmake·包含头文件·包含源文件
chushiyunen1 天前
pycharm注意力残差示例
ide·python·pycharm
Willliam_william2 天前
QEMU学习之路(11)— 使用VSCode调试qemu-system-riscv64
ide·vscode·学习
LiuYaoheng2 天前
问题记录:Android Studio Low memory
android·ide·android studio
椰猫子2 天前
JDK概述、Maven概述、IDEA概述、常见注解、 Spring Boot + SSM概述、RESTFul编程风格概述
java·ide·intellij-idea