Turbo Console Log 是专为 VSCode 前端开发设计的轻量日志注入扩展，支持快捷键插入带变量名的 console.log、自定义键绑定、多光标批量注入，并需禁用自动括号补全以避免冲突。
如果您在使用 VSCode 进行前端开发时，需要快速插入带上下文信息的 console.log 语句，但又厌倦了手动编写变量名、格式化字符串或重复粘贴模板，则可能是由于缺乏高效日志注入工具。Turbo Console Log 正是为解决这一高频操作痛点而设计的轻量级扩展。
本文运行环境：MacBook Air，macOS Sequoia。
一、安装 Turbo Console Log 扩展
该扩展需通过 VSCode 扩展市场获取并启用，安装后即可在编辑器中响应快捷键触发日志插入功能，无需重启编辑器或配置额外依赖。
1、打开 VSCode，点击左侧活动栏中的扩展图标（四个方块组成的图标）。
立即学习“前端免费学习笔记（深入）”；
2、在扩展搜索框中输入 Turbo Console Log，找到作者为 Chakroun Anas 的扩展项。
3、点击“安装”按钮，等待状态变为“已启用”。
二、使用默认快捷键插入带变量名的日志
该方法利用扩展预设的快捷键自动读取光标所在行的变量标识符，并生成包含变量名与值的 console.log 语句，避免手写错误和命名不一致。
1、在 JavaScript 或 TypeScript 文件中，将光标置于某变量声明或调用行的任意位置，例如 const userName = "Alice";。
2、按下快捷键 Cmd+Shift+P（macOS）或 Ctrl+Shift+P（Windows/Linux），调出命令面板。
3、输入 Turbo Console Log: Log Current Line 并回车。
4、编辑器将在当前行下方插入类似 console.log('userName:', userName); 的语句。
三、自定义快捷键绑定以提升效率
VSCode 允许用户为 Turbo Console Log 提供的各命令分配专属快捷键，绕过命令面板，实现单键触发，适用于高频调试场景。
1、按下 Cmd+K Cmd+S（macOS）或 Ctrl+K Ctrl+S（Windows/Linux） 打开键盘快捷方式设置界面。
2、在搜索框中输入 Turbo Console Log，列出所有可用命令。
3、找到 turboConsoleLog.logCurrentLine，右键选择“更改键绑定”。
4、按下期望组合键（如 Cmd+L），确认绑定完成。
四、启用多光标批量日志注入
当需对多个变量或表达式同时添加日志时，可借助 VSCode 多光标能力配合 Turbo Console Log 命令，一次性生成多条结构统一的日志语句。
1、按住 Option（macOS）或 Alt（Windows/Linux），并依次点击各目标变量名起始位置，创建多个光标。
2、确保每个光标均位于有效变量标识符内部（如 userName、items.length 等）。
3、执行已绑定的 Turbo Console Log: Log Current Line 命令。
4、所有光标位置将同步插入对应变量名与值的日志语句。
五、禁用自动括号补全干扰
Turbo Console Log 在插入日志时可能与 VSCode 默认的 JavaScript 括号自动补全产生冲突，导致额外括号嵌套或光标偏移，需主动关闭相关设置以保障输出准确性。
1、打开 VSCode 设置界面（Cmd+,（macOS）或 Ctrl+,（Windows/Linux））。
2、搜索关键词 javascript.autoClosingBrackets。
3、将该设置值由 languageDefined 改为 never。
4、同样处理 typescript.autoClosingBrackets 项，设为 never。
