飞雷神 Console Log（VS Code 插件）
「飞雷神」式调试：一条 console.log 里带上 徽章、变量快照、文件与行号，控制台一眼定位；再配合批量注释与一键删除，从开发到发布都顺手。
飞雷神 log 长什么样
插入后会在当前行下方生成 一行 console.log，在控制台里大致读作：
✨⚡飞雷神（紫底白字徽章）=> { 变量名: 当前值 }（可展开）=> 【文件名 | 行号】（加粗）
源码形态示例（文件名、行号、变量随光标与选区变化）：
console.log('%c✨⚡飞雷神%c => %o%c => 【' + "App.vue | 42" + '】', 'background:#7c3aed;color:#fff;padding:1px 6px;border-radius:2px;font-weight:700', 'font-weight:700', { ["count"]: count }, 'font-weight:700');
- 未选中时，会尝试从当前行猜一个标识符；猜不到则用
value。
- 选中表达式时，会按选中内容生成键与表达式，请自行保证语法合法。
功能
| 能力 |
说明 |
| 插入飞雷神 log |
快捷键 1 或命令面板「飞雷神」 |
| 切换注释 |
当前文件内所有 console.log 行统一加/去 //（快捷键 2） |
| 删除全部 log |
匹配到的 console.log 直接删除，无二次确认（快捷键 3） |
适用常见 JS / TS / JSX / TSX / Vue 等脚本文件。
快捷键
在编辑器文本聚焦时生效。
| 操作 |
Mac |
Windows / Linux |
| 插入 |
Cmd + Alt + 1（或小键盘 1） |
Ctrl + Alt + 1（或小键盘 1） |
| 注释 / 取消 |
Cmd + Alt + 2 |
Ctrl + Alt + 2 |
| 删除全部 |
Cmd + Alt + 3 |
Ctrl + Alt + 3 |
也可 Cmd/Ctrl + Shift + P → 搜索 「飞雷神」 执行命令。
本地验证
在本仓库根目录按 F5 打开 Extension Development Host，在新窗口里试快捷键或命令即可。
| |
