配置项
在 VSCode 设置中搜索 hiasConsoleLog,或直接编辑 settings.json:
json
{
"hiasConsoleLog": {
// 启用插件功能
"enable": true,
// console.log 参数模板
"template": "${value}, `${name}`",
// 插入后是否自动将匹配内容复制到剪贴板
"copyToClipboard": false,
// 剪贴板提取模板
"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": {
"template": "${value}, `${name:log_,}`",
"copyToClipboard": true,
"clipboardPattern": "${name:log_,}"
}
}
选中 params 插入后,剪贴板内容为 log_params。