webstorm 一键 console.log

背景： 最近从 vscode 转战到 webstorm ，在 vscode 中装了插件 Turbo Console Log 就可以一键打印变量，在 webstorm 上竟然找不到，令我着实没想到。看网上可以自定义log，废话不说了，搞起！

1. 打开设置面板(windows 快捷键： ctrl + alt + s) ，找到 编辑器 -> 实时模板 --> JavaScript （如图）
2. 找到 log 修改模板为 console.info("🚀 ~ file:$file$ method:$method$ line:$line$ -----",$PARAM$)
3. 点击模板右边的 编辑变量 按钮，选择变量表达式（说到自定义嘛，大家就懂了吧，我这里是加了个小火箭 🚀 ）
4. 最后一步设置生效的文件

输入 log 然后 tab 直接生成打印模板信息
最后上图，说一下打印信息中包含，文件名 方法名 行数