Console Beautify — VSCode 插件说明插件简介Console Beautify 是一款 VSCode 插件,旨在帮助开发者快速插入带有彩色 Emoji 样式的 主要功能1. 插入彩色 Emoji 样式的
|
命令名称 | 功能说明 | 默认快捷键 |
---|---|---|
Console Beautify: Insert Console Log | 插入带 Emoji 彩色样式的 console.log | Ctrl + Shift + L |
Console Beautify: Remove Console Logs | 删除当前文件所有 console.log | Ctrl + Shift + D |
具体用法
插入日志
- 在代码编辑器中,选中你想打印的变量或表达式。
- 按快捷键
Ctrl + Alt + L
,插件自动在选中代码后面一行插入一条带彩色 Emoji 样式的console.log
。 - 如果未选中内容,插件会插入一条空的
console.log
,光标定位在空字符串内,方便你手动输入日志内容。
删除日志
- 打开你想清理的代码文件。
- 按快捷键
Ctrl + Alt + Shift + L
,插件会自动删除文件中所有单行格式的console.log
语句。 - 删除完成后会弹出提示,告知删除的日志条数。
安装方式
- 打开 VSCode 扩展市场。
- 搜索
Console Beautify
。 - 点击安装并重启 VSCode(如果需要)。
或者从 GitHub 仓库下载源码,手动编译安装。
适用场景
- 开发调试时快速打印变量值,提升代码可读性。
- 需要彩色区分不同日志,方便定位和排查问题。
- 代码提交前快速批量清理调试日志,保证代码干净。
注意事项
- 插件默认只匹配并删除单行形式的
console.log
,多行或带注释等复杂情况暂不支持。 - 彩色样式基于 CSS,具体展示效果可能因控制台环境差异略有不同。
- 快捷键可在 VSCode 设置中自定义调整。