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生成
Live Template打印

生成console表达式可自定义命令

  • Ctrl + Alt + 1生成
打印的文件名是否需要后缀名(该选项作用于${fileName}占位符)

用于控制${fileName}占位符的输出结果

  • 启用:${fileName}占位符输出的文件名包含文件后缀名(例如.vue)
  • 不启用:${fileName}占位符仅输出文件名,不再包含文件后缀名
文件所在路径是否根据基准文件名截断(该组选项作用于${filePath}占位符)

控制${filePath}输出的开关

  • 启用:可通过下面的配置控制${filePath}的输出
  • 不启用:截断到src文件夹或项目根目录
文件所在路径基准文件夹名称

该选项作用于${filePath}占位符

  • ${filePath}占位符输出的文件路径从当前文件所在文件夹出发,截止到该设置配置的值
  • 多个文件夹名称可使用英文逗号「,」分隔
文件所在路径分隔符

用于控制${filePath}占位符输出的文件夹之间的分隔符

文件所在路径是否包含基准文件夹名称

控制是否显示「文件所在路径基准文件夹名称」配置的截断文件夹

  • 启用:显示「文件所在路径基准文件夹名称」配置的截断文件夹
  • 不启用:隐藏「文件所在路径基准文件夹名称」配置的截断文件夹