简介

print-console-log是一款 VSCode 插件，用于在调试时快速插入、删除、注释 console.log。

与简单地"在下一行插入"不同，插件会解析代码 AST，将 console.log 放到真正合适的位置。

功能特点

• 智能插入：基于 AST 分析，自动定位到声明语句之后、return 之前等合适位置
• 多语言支持：JavaScript、TypeScript、JSX、TSX、Vue、HTML、Svelte、Astro
• 多选区批量插入：多光标选中多个变量，一次性插入多条 console.log
• 智能补块：单表达式箭头函数、无花括号语句体自动补全 {}，空块自动展开
• 一键删除：删除文件中所有由模板生成的 console.log
• 一键注释/取消注释：批量注释或恢复，支持 // 与 /* */ 两种形式
• 模板自定义：参数格式完全可配置，支持 snippet 光标控制
• 剪贴板提取：插入后按模板提取内容复制到剪贴板

支持的文件类型

类型	说明
JavaScript / TypeScript	直接全量解析
JSX / TSX	支持 React 组件语法
Vue / HTML	自动提取选区所在的 <script> 块解析
Svelte / Astro	自动提取 <script> 块解析

插入位置示例

选中 userName 后按 Ctrl+Alt+L：

// 声明语句：插入到声明之后
const userName = getUser()
console.log(userName, `userName`)

// return 语句：插入到 return 之前
function getName() {
  console.log(userName, `userName`)
  return userName
}

// 单表达式箭头函数：自动补块并保留返回值
const fn = (userName) => {
  console.log(userName, `userName`)
  return userName.trim()
}