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 小时前
Alibaba Cloud DevOps Integration For JetBrains 插件使用指南
ide·阿里云·devops·jetbrains
Laurence20 小时前
从零到一构建 C++ 项目(IDE / 命令行双轨实现)
前端·c++·ide
我待_JAVA_如初恋1 天前
安装idea教程
java·ide·intellij-idea
mftang1 天前
STM32Cube IDE 详细介绍
ide·stm32·嵌入式硬件
綦枫Maple1 天前
IDEA选择“在当前窗口打开”还是“新窗口打开”的提示不见了,如何恢复?
java·ide·intellij-idea
一路向北North1 天前
vscode 安装插件非常慢
ide·vscode·编辑器
乌蒙山连着山外山1 天前
idea中的工程,import有问题
java·ide·intellij-idea
-To be number.wan1 天前
为什么 pyecharts 在 Jupyter Notebook 里显示空白?
ide·python·jupyter·数据分析
渣瓦攻城狮1 天前
解决idea push时账号名密码出现401问题
java·ide·intellij-idea
0wioiw01 天前
Onesignal(Xcode)
ide·macos·xcode