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

六、打印效果

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

相关推荐
银河系的一束光3 小时前
使用 IntelliJ IDEA 开发 Java 程序时 , 会遇到以下中文乱码问题 :
java·ide·intellij-idea
小宋加油啊3 小时前
Mac vscode安装PCL
ide·vscode·macos
xiaotao1314 小时前
阶段零:IDE选择 与 Jupyter Notebook / Lab 使用
ide·人工智能·python·jupyter
꯭爿꯭巎꯭4 小时前
visual studio code (vscode)下载
ide·vscode·编辑器
范什么特西4 小时前
MyEclipse8.5配置
java·ide·myeclipse
Thomas21435 小时前
skill分享 iterm2 jupyter jumpserver
ide·python·jupyter
萌萌站起16 小时前
Vscode 中 python模块的导入问题
ide·vscode·python
王夏奇16 小时前
pycharm中3种不同类型的python文件
ide·python·pycharm
ShawnLiaoking18 小时前
pycharm 上传更新代码
ide·elasticsearch·pycharm
Freak嵌入式21 小时前
MicroPython LVGL基础知识和概念:GUI 的扩展接口
ide·驱动开发·嵌入式·gui·lvgl·micropython·upypi