Console Beautify — VSCode 插件说明

插件简介

Console Beautify 是一款 VSCode 插件，旨在帮助开发者快速插入带有彩色 Emoji 样式的 console.log 调试语句，提升调试日志的可读性和趣味性。同时，插件提供一键清理当前文件中所有 console.log 语句的功能，方便代码清理与维护。

主要功能

1. 插入彩色 Emoji 样式的 console.log

• 快速在代码中插入一条带有随机 Emoji 表情的 console.log 语句
• 日志打印时带有随机生成的花哨 CSS 样式，包含背景色、文字颜色、阴影、圆角等
• 支持选中变量或表达式，自动在其后插入对应的日志语句，方便打印当前变量的值
• 样式和 Emoji 每次随机，确保控制台输出丰富多彩，轻松定位

2. 一键删除当前文件所有 console.log 语句

• 快速扫描当前打开文件，自动匹配并删除所有 console.log 调试代码
• 支持删除多条日志，减少手动清理工作
• 方便在提交代码前快速清理调试信息，保持代码整洁

使用说明

命令列表

具体用法

• 插入日志

  1. 在代码编辑器中，选中你想打印的变量或表达式。
  2. 按快捷键 Ctrl + Alt + L，插件自动在选中代码后面一行插入一条带彩色 Emoji 样式的 console.log。
  3. 如果未选中内容，插件会插入一条空的 console.log，光标定位在空字符串内，方便你手动输入日志内容。

• 删除日志

  1. 打开你想清理的代码文件。
  2. 按快捷键 Ctrl + Alt + Shift + L，插件会自动删除文件中所有单行格式的 console.log 语句。
  3. 删除完成后会弹出提示，告知删除的日志条数。

安装方式

1. 打开 VSCode 扩展市场。
2. 搜索 Console Beautify。
3. 点击安装并重启 VSCode（如果需要）。

或者从 GitHub 仓库下载源码，手动编译安装。

适用场景

• 开发调试时快速打印变量值，提升代码可读性。
• 需要彩色区分不同日志，方便定位和排查问题。
• 代码提交前快速批量清理调试日志，保证代码干净。

注意事项

• 插件默认只匹配并删除单行形式的 console.log，多行或带注释等复杂情况暂不支持。
• 彩色样式基于 CSS，具体展示效果可能因控制台环境差异略有不同。
• 快捷键可在 VSCode 设置中自定义调整。