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

六、打印效果

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

相关推荐
BreezeDove1 小时前
IDEA安装&迁移IDEA配置数据位置
java·ide·intellij-idea
24K纯学渣2 小时前
Python编码格式化之PEP8编码规范
开发语言·ide·python·pycharm
casual_clover2 小时前
Android Studio 解决首次安装时下载 Gradle 慢问题
android·ide·android studio
AI视觉网奇10 小时前
pycharm 左右箭头 最近编辑
ide·python·pycharm
思绪无限10 小时前
Pycharm的终端无法使用Anaconda命令行问题详细解决教程
ide·python·pycharm·终端·命令行·anaconda·问题教程
漫步云端-r10 小时前
Pycharm的使用技巧总结
ide·python·pycharm
鱼馅饼14 小时前
vscode使用系列之快速生成html模板
ide·vscode·html
AD钙奶-lalala17 小时前
Mac版本Android Studio配置LeetCode插件
android·ide·android studio
敲敲敲-敲代码18 小时前
【Visual Studio 2022】卸载安装,ASP.NET
ide·visual studio