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

六、打印效果

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

相关推荐
Lecxcy_Kastreain11 小时前
解决VSCode默认F5配置无法启动调试器的问题
ide·vscode·编辑器
胡乱编胡乱赢13 小时前
在pycharm终端安装torch
ide·深度学习·pycharm·安装torch
梁小憨憨13 小时前
PyCharm 连接 AutoDL 远程服务器
服务器·ide·pycharm
一骑红尘荔枝来17 小时前
转载:VSCODE 关闭文件和资源管理器关联
ide·vscode·编辑器
float_六七19 小时前
IntelliJ IDEA双击Ctrl的妙用
java·ide·intellij-idea
android_xc21 小时前
Android Studio国内仓库配置
android·ide·android studio
AiTop1001 天前
腾讯推出AI CLI工具CodeBuddy,国内首家同时支持插件、IDE和CLI三种形态的AI编程工具厂商
ide·人工智能·ai·aigc·ai编程
android_xc1 天前
Android Studio适配butterknife遇到的坑
android·ide·android studio·butterknife
云梦谭1 天前
Cursor 编辑器:面向 AI 编程的新一代 IDE
ide·人工智能·编辑器
_BugMan2 天前
【IDEA】干活?一个IDEA即可,集成开发平台打造攻略
java·ide·intellij-idea