console-helper（日志小助手）
console helper — 帮助开发者更快的输入/移除 log，醒目的主题搭配，极大的提高开发效率。
- 一键搞定，告别手打
log clg console.log() console.log('AT', AT) ... - 配置性强，可自由配置 log 样式
- 如果你跟我一样极(lan)客(ai)，那么这款扩展很适合你
- 迷你插件，不占用内存资源，本插件不会让您的编辑器变得卡顿
将选中的变量打印
选中变量后按下快捷键，会在代码下方插入一行带颜色的
console语句
快捷方式：
- macOS:
cmd+shift+l - Windows:
ctrl+l
Feature
- 快捷输出 log
- 光标位置按下快捷键打印输出
- 选中单词打印选中单词
- 快捷输出简单 log
- 快捷删除当前页面中所有 log
- 支持显示行号
- 自定义前缀标识
- 自定义字体颜色
- 自定义背景颜色
- 自定义字号大小
- 支持显示文件名
- 支持配置末尾是否分号(默认无分号)
- 支持选择 console.log 的参数数量
- 支持代码片段
- 支持设置单引号或双引号
setting
快速打开键盘快捷方式(快捷键)
- macOS:
cmd+k,cmd+s - Windows:
ctrl+k,ctrl+s
修改快捷绑定(教程)
- macOS: Code > 首选项 > 键盘快捷方式 > 输入 consoleLog，将默认 cmd + shift + l 改为习惯的快捷键即可，推荐使用 cmd + l。
- Windows: 文件 > 首选项 > 键盘快捷方式 > 输入 consoleLog，将默认 ctrl + l 改为习惯的快捷键即可。
Usages
快捷输出简单 log
在当前行输出
console.log('', )语句，光标聚焦在输入位置，输入变量即可。
快捷方式：
- macOS:
cmd+y - Windows:
ctrl+shift+l
快捷删除当前页面中所有 log
删除页面上所有
log，删除后窗口右下角会提示一共删除了几条console.log语句
快捷方式：
- macOS:
cmd+shift+d - Windows:
ctrl+shift+d
代码片段
clgorlog输出console.log('[ ] >', )
clog输出console.log('%c [ ]: ', 'color: #bf2c9f; background: pink; font-size: 13px;', '')
选择 console.log 参数数量
配置 console.log 的参数数量
首先打开配置入口
- macOS: Code > 首选项 > 设置 > 输入 日志小助手/consoleLog，可自定义配置项。
- Windows: 文件 > 首选项 > 设置 > 输入 日志小助手/consoleLog，可自定义配置项。
各个选项以 AT 作为变量示例：
- 选择 [^console.log 接收 1 个参数] 输将会在页面上出 console.log(AT)
- 选择 [^console.log 接收 2 个参数] 输将会在页面上出 console.log('AT', AT)
- 选择 [^console.log 接收 3 个参数] 输将会在页面上出 console.log('AT', 'color: #bf2c9f; background: pink; font-size: 13px; ', AT)
配置前缀标识
配置前缀标识可以在控制台中，更快速的找到你的日志，唯一标识可区分是谁的日志
配置 demo 已在配置说明中描述，快去配置专属于你的前缀吧
配置项
自定义小助手 console
快捷方式：
- macOS: Code > 首选项 > 设置 > 输入 日志小助手/consoleLog，可自定义配置项。
- Windows: 文件 > 首选项 > 设置 > 输入 日志小助手/consoleLog，可自定义配置项。
Install
安装插件：VisualStudio - Marketplace，VSCode 最低版本要求： v1.51.0+
QA
为什么我的不生效？
亲，可能是您的快捷键被占用了~ 请打开键盘快捷方式列表，查看您的快捷键是否被占用，删除占用的命令或修改 consoleLog 绑定的快捷键即可，具体的操作如下：
在键盘快捷方式列表，输入被占用的快捷方式例如 cmd + shift + l ，右键选择删除或修改其他命令。
交流群
扫码加群:
若扫码进不去，可加微信拉入 console helper 日志小助手群：
或通过微信号： AT-0529 加好友，备注：日志小助手
如果对您有帮助，给个 star 是对我最大的支持~