功能说明

插入 console.log

选中变量或表达式后按 Ctrl+Alt+L，插件解析当前文件的 AST，将 console.log 插入到最合适的位置。

定位规则

场景	插入位置
声明语句中的变量	声明语句之后
return 语句中的变量	return 之前
函数参数	函数体首行
空块 {}	展开为多行并插入块内
单表达式箭头函数	自动补全 {} 块，插入后保留返回值
无法解析	回退到选中行的下一行

多选区批量插入

按住 Alt 点击创建多个光标，分别选中多个变量后按 Ctrl+Alt+L，所有 console.log 在一次原子编辑中插入，可一次 Ctrl+Z 撤销。

模板文件支持

Vue、HTML、Svelte、Astro 文件会自动提取选区所在的 <script> 块进行解析，其余部分不受影响。

Snippet 光标控制

模板中包含 $1、${1:placeholder}、$0 等 snippet 语法时，插入后光标自动停在指定位置，可直接输入补充内容，Tab 依次跳转。

"hiasConsoleLog": {
  "template": "${value}$1, `${name}`$0"
}

删除 console.log

按 Ctrl+Alt+D，删除当前文件中所有匹配当前模板格式的 console.log 行，并提示删除数量。

注释 console.log

按 Ctrl+Alt+C，为所有匹配的 console.log 行添加 // 前缀。操作不影响当前光标与选区。

取消注释 console.log

按 Ctrl+Alt+U，移除注释符号恢复 console.log，同时支持两种形式：

// console.log(obj, `obj`)     ← 行注释
/* console.log(obj, `obj`) */  ← 块注释

剪贴板提取

开启 hiasConsoleLog.copyToClipboard 并配置 hiasConsoleLog.clipboardPattern 后，插入 console.log 的同时会按提取模板复制内容到剪贴板。

{
  "hiasConsoleLog": {
    "template": "${value}, `${name:log_,}`",
    "copyToClipboard": true,
    "clipboardPattern": "${name:log_,}"
  }
}

选中 params 插入后，剪贴板中为 log_params，可直接粘贴用于全局搜索定位日志。

TIP

${line} 变量可提取完整语句，如 console.log(params, \log_params`)`。

匹配规则说明

删除/注释/取消注释都基于当前 hiasConsoleLog.template 构建匹配正则，只处理由本插件模板生成的 console.log，不会误伤手写的其他日志。修改模板后，旧格式的 console.log 将不再被匹配。