console-helper（日志小助手）
Console Helper — 强大的日志辅助工具，让调试开发更轻松高效。
Feature
核心功能
- 快捷输出日志
- 光标位置一键打印
- 选中变量快速打印
- 支持多种日志函数（如 console.log、console.debug、DEBUG_LOG、print 等）
- 快捷输出简单日志
- 一键清理日志
日志样式
- 自定义前缀标识
- 显示行号和文件名
- 字体样式配置
- 随机颜色效果
- 变量格式化处理
- 自动对复杂对象进行格式化，避免出现
[object Object] 这样难以阅读的输出
其他配置
- 日志参数数量（1-3 个参数）
- 代码片段快捷方式
- 引号类型（单/双引号）
- 分号配置（有/无）
快捷键设置
查看当前快捷键
打开快捷键设置面板：
- macOS:
cmd + k, cmd + s
- Windows:
ctrl + k, ctrl + s
自定义快捷键
- 打开快捷键设置面板
- 搜索
consoleLog
- 设置你喜欢的快捷键组合：
- macOS: 默认为
cmd + shift + l，推荐改为 cmd + l
- Windows: 默认为
ctrl + l
Usages
快速打印选中变量
一键生成带颜色的日志语句，自动获取变量名并添加行号信息
使用方式：
- 选中要打印的变量
- 按下快捷键：
- macOS:
cmd + shift + l
- Windows:
ctrl + l
随机颜色
为每条日志设置不同的颜色，让输出更醒目易读
设置方法：
- 打开 VSCode 设置（Code > 首选项 > 设置）
- 搜索 "日志小助手"
- 勾选 "是否随机颜色" 选项
效果如下：
终端日志着色
在终端中也能使用随机颜色功能，让日志更加醒目
设置方法：
- 打开 VSCode 设置（Code > 首选项 > 设置）
- 搜索 "日志小助手"
- 勾选 "Random Color In Terminal" 选项
效果展示：
快捷输出简单日志
快速插入一个空的日志语句，光标自动定位到输入位置
使用方式：
- 将光标定位到目标行
- 按下对应快捷键：
- macOS:
cmd + y
- Windows:
ctrl + shift + l
- 输入变量名即可
示例：插入 console.log('', )
一键清理日志
快速删除当前文件中的所有日志语句，操作后会显示删除数量
使用方式：
- 在需要清理的文件中
- 按下对应快捷键：
- macOS:
cmd + shift + d
- Windows:
ctrl + shift + d
- 右下角会显示删除的日志数量
自定义要删除的日志函数
可以指定需要删除的日志函数列表，方便批量清理特定类型的日志：
- 打开设置，搜索 "日志小助手"
- 找到 "Delete Log Functions" 配置项
- 输入要删除的日志函数，多个函数用逗号分隔，例如：
console.log,console.debug,console.infodebug.log,DEBUG_LOG,console.warn
代码片段快捷方式
提供了多种代码片段，输入触发词后按 Tab 键即可使用：
- 基础日志
- 触发词：
clg 或 log
- 输出：
console.log('[ ] >', )
- 带样式的日志
- 触发词：
clog
- 输出：带颜色和样式的日志语句
- 默认样式：粉色背景，紫色文字
选择 console.log 参数数量
可以根据需要选择日志语句的参数个数，支持以下三种格式：
-
单参数模式
- 格式：
console.log(value)
- 示例：
console.log(data)
-
双参数模式（带标签）
- 格式：
console.log('标签', value)
- 示例：
console.log('data', data)
-
三参数模式（带样式）
- 格式：
console.log('标签', '样式', value)
- 示例：
console.log('data', 'color: #bf2c9f; background: pink;', data)
设置方法：
- 打开 VSCode 设置（Code > 首选项 > 设置）
- 搜索 "日志小助手"
- 选择期望的参数数量
自定义前缀标识
为日志添加独特的前缀标识，方便在控制台中快速定位和区分不同来源的日志
设置方法：
- 打开 VSCode 设置（Code > 首选项 > 设置）
- 搜索 "日志小助手"
- 在 "Prefix" 配置项中输入你的标识，例如：
[DEBUG][UserName][Module]
效果示例：
console.log("[DEBUG] data:", data)
console.log("[UserName] result:", result)
变量格式化处理
自动对复杂对象进行格式化，避免出现 [object Object] 这样难以阅读的输出
设置方法：
- 打开 VSCode 设置（Code > 首选项 > 设置）
- 搜索 "日志小助手"
- 在 "Wrap Variable" 配置项中设置格式化方式：
JSON.stringify(#) - 转换为格式化的 JSON 字符串JSON.parse(JSON.stringify(#)) - 创建深拷贝并格式化
配置效果：
// 原始输出
console.log(complexObject) // [object Object]
// 格式化后
console.log(JSON.stringify(complexObject)) // {"name": "example", "data": {...}}
支持随机颜色在终端展示
在设置中勾选在终端中随机颜色
自定义日志函数
可以自定义日志函数名称，支持各种格式的日志函数
在设置中配置 "Custom Log Function"，可以使用自定义的日志函数名称，例如：
console.log（默认）console.debugdebug.logDEBUG_LOGLOG_DEBUGprint
配置后，插件会使用你设置的函数来打印日志，删除日志功能也会自动识别并删除这些自定义日志。
光标位置设置
插入日志后，光标位置可以根据个人习惯自动调整到指定位置。支持以下几种光标位置选项：
- 光标保持不动：光标位置保持在原位置不变
- 光标移动到第一个参数的位置：光标移动到第一个参数的位置
- 光标移动到最后一个参数的位置：光标移动到最后一个参数的位置
- 光标移动到整行最前面：光标移动到日志语句的行首
- 光标移动到整行的最后：光标移动到日志语句的行尾
你可以在 VSCode 设置中心的「光标位置」选项中配置这个功能。默认情况下，光标位置保持在原位置不变。
配置中心
所有功能都可以在 VSCode 设置中心统一配置：
- 打开设置：
- macOS: Code > 首选项 > 设置
- Windows: 文件 > 首选项 > 设置
- 搜索 "日志小助手" 查看所有配置项
安装方法
-
通过 VSCode 扩展商店安装：
-
系统要求：
QA
快捷键无法使用？
可能原因：快捷键被其他插件或命令占用
解决方法：
- 打开快捷键设置面板：
- macOS:
cmd + k, cmd + s
- Windows:
ctrl + k, ctrl + s
- 搜索当前快捷键组合（如
cmd + shift + l）
- 检查是否有冲突的命令
- 选择处理方式：
社区交流
加入微信群
方式一：扫描二维码
方式二：添加作者微信
支持项目
如果这个项目对您有帮助，欢迎：
- ⭐ 给项目点个 star
- 💡 分享使用心得
- 🐛 提交 issue 或 PR
- 👥 加入微信群交流
如果对您有帮助，给个 star 是对我最大的支持~
Changelog
CHANGELOG
License
LICENSE
