SkySource's Blog
Home
Console Log Plugin
Blog
About
Go to Little Dog dudu's GitHub repo
Console Log Plugin
适用于IDEA、Webstorm的打印console.log表达式插件(GIF图片点击放大预览)
获取插件
✕
基础功能(以下为默认快捷键)
Alt + 1: 生成当前光标所在变量的console.log语句
Alt + 2: 删除所有插件生成的console.log语句
Alt + Shift + 1: 注释所有插件生成的console.log语句
Alt + Shift + 2: 解注释所有插件生成的console.log语句
✕
选中区域内操作
可仅对选中区域内的console.log表达式的操作如下
删除
注释
解注释
✕
无变量选中时也可生成用于标记的console.log表达式
——默认不开启,需要自行设置开启
光标不在变量中且没有选中变量时生成
Alt + 1生成
✕
生成console表达式可自定义命令
Ctrl + Alt + 1生成
✕
用于控制${fileName}占位符的输出结果
启用:${fileName}占位符输出的文件名包含文件后缀名(例如.vue)
不启用:${fileName}占位符仅输出文件名,不再包含文件后缀名
✕
控制${filePath}输出的开关
启用:可通过下面的配置控制${filePath}的输出
不启用:截断到src文件夹或项目根目录
✕
该选项作用于${filePath}占位符
${filePath}占位符输出的文件路径从当前文件所在文件夹出发,截止到该设置配置的值
多个文件夹名称可使用英文逗号「,」分隔
✕
用于控制${filePath}占位符输出的文件夹之间的分隔符
✕
控制是否显示「文件所在路径基准文件夹名称」配置的截断文件夹
启用:显示「文件所在路径基准文件夹名称」配置的截断文件夹
不启用:隐藏「文件所在路径基准文件夹名称」配置的截断文件夹