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 小时前
vscode Linux下编译失败找不到文件
ide·vscode·编辑器
Trouville0113 小时前
Pycharm软件初始化设置,字体和shell路径如何设置到最舒服
ide·python·pycharm
就叫飞六吧16 小时前
找不到或无法加载主类 @C:\***\Local\Temp\idea_arg_file...
java·ide·intellij-idea
BD_Marathon17 小时前
【JavaWeb】VsCode的其他常见设置
ide·vscode·编辑器
landian00418 小时前
vscode对于txt格式文件使用tab缩进为3个空格
ide·vscode·编辑器
阿阿阿阿里郎19 小时前
Vscode+STM32CubeMX+Cmake联合开发教
ide·vscode·编辑器
vortex520 小时前
为什么我把VSCode换成了Code-Server
ide·vscode·编辑器
0和1的舞者21 小时前
《Maven 核心功能与仓库体系详解》
ide·maven·项目管理·仓库·依赖
AI_567821 小时前
从“插件装一堆”到“效率翻一倍”——IntelliJ IDEA的插件化开发革命
java·ide·intellij-idea
HECUgauss1 天前
VScode 使用中遇到的问题
ide·vscode·编辑器