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

六、打印效果

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

相关推荐
JTaoX1 天前
pycharm 集成本地 jupyter notebook
ide·jupyter·pycharm
李高钢2 天前
除了 IDE,C#/WPF 开发者每天离不开的 10 个工具
ide·c#·wpf
00后程序员张2 天前
iOS 开发全流程需要哪些工具?编码、调试、构建、发布阶段选择
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
nicehuai2 天前
烧录、查变量、看日志、调驱动:H-FlashScope搞定嵌入式下载调试的瑞士军刀
ide·vscode·visual studio
2501_916008893 天前
Swift多环境配置:利用Scheme实现灵活的多环境管理
开发语言·ide·vscode·ios·个人开发·swift·敏捷流程
New_Horizons6663 天前
Vscode终端激活Conda虚拟环境
ide·vscode·conda
️学习的小王4 天前
Anaconda国内镜像配置与conda常用命令
ide·经验分享·python·conda
雾沉川4 天前
Rust IDE 选型:除 VS Code 之外,RustRover 非商业场景可免费使用
ide·vscode·rust
2501_915918415 天前
iOS 真机调试工具推荐,安装运行、性能分析有哪些工具
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
Albert Edison6 天前
PyCharm 字体大小设置
ide·python·pycharm