Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ColorfulLogNew to Visual Studio Code? Get it now.
ColorfulLog

ColorfulLog

004

|
2 installs
| (1) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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 调试代码
  • 支持删除多条日志,减少手动清理工作
  • 方便在提交代码前快速清理调试信息,保持代码整洁

使用说明

命令列表

命令名称 功能说明 默认快捷键
Console Beautify: Insert Console Log 插入带 Emoji 彩色样式的 console.log Ctrl + Shift + L
Console Beautify: Remove Console Logs 删除当前文件所有 console.log Ctrl + Shift + D

具体用法

  • 插入日志

    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 设置中自定义调整。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft