配置项
在 VSCode 设置中搜索 hiasConsoleLog,或直接编辑 settings.json:
json
{
// 启用插件功能
"hiasConsoleLog.enable": true,
// console.log 参数模板
"hiasConsoleLog.template": "${value}, `${name}`",
// 插入后是否自动将匹配内容复制到剪贴板
"hiasConsoleLog.copyToClipboard": false,
// 剪贴板提取模板
"hiasConsoleLog.clipboardPattern": ""
}hiasConsoleLog.enable
- 类型:
boolean - 默认值:
true
插件功能总开关,关闭后所有命令不生效。
hiasConsoleLog.template
- 类型:
string - 默认值:
${value}, \${name}``
console.log 的参数模板,决定插入语句的形态。
可用变量
| 变量 | 说明 |
|---|---|
${value} | 选中的文本 |
${name} | 原始文本(用于输出变量名标签) |
${name:prefix,suffix} | 原始文本加前后缀,如 ${name:log_,} → log_obj |
Snippet 语法
模板中可使用 VSCode snippet 语法控制插入后的光标位置:
| 语法 | 说明 |
|---|---|
$1、$2 | Tab 停靠点,按顺序跳转 |
${1:placeholder} | 带占位文本的停靠点 |
$0 | 最终光标位置 |
TIP
模板末尾的 $0 会被自动移到闭合括号 ) 之后,光标最终停在语句尾而非括号内。
示例
| 模板 | 插入结果(选中 obj) |
|---|---|
${value}, \${name}`` | console.log(obj, \obj`)` |
'>>> ${name}', ${value} | console.log('>>> obj', obj) |
${value}, \${name:log_,}`` | console.log(obj, \log_obj`)` |
${value}$1, \${name}`$0` | 同默认,插入后光标停在 $1 处 |
hiasConsoleLog.copyToClipboard
- 类型:
boolean - 默认值:
false
插入 console.log 后,是否按 clipboardPattern 提取内容并复制到剪贴板。
hiasConsoleLog.clipboardPattern
- 类型:
string - 默认值:
""(不复制)
剪贴板提取模板,使用与 template 相同的变量语法,另外支持:
| 变量 | 说明 |
|---|---|
${line} | 完整的 console.log 语句 |
示例
json
"hiasConsoleLog.enable": true,
"hiasConsoleLog.template": "${value}$1, `${name:log_,}`$0",
"hiasConsoleLog.copyToClipboard": true,
"hiasConsoleLog.clipboardPattern": "${name:log_,}"选中 params 插入后,剪贴板内容为 log_params。