console.log 模板缩写不生效是因光标位置或作用域不符：须在JS代码块内、文件类型匹配、按Tab而非Enter、无插件劫持；推荐配置log缩写，模板为console.log('$EXPR$');$END$，仅启用JS/React JSX，勾选Reformat。
console.log 模板缩写不生效？检查光标位置和作用域
输完 log 或 con 按 Tab 没反应，大概率不是模板没建好，而是当前上下文不满足触发条件：
- 光标必须在 JavaScript 代码块内——不能在字符串、注释、JSON 值、CSS 规则或 HTML 标签属性里
- 文件类型必须匹配：如果模板只定义在
JavaScript下，但你在.ts或.jsx文件里输入，它不会出现 - 缩写后必须按
Tab，不是Enter或空格；部分模板（如含$END$的）还要求光标不在行首 - 确认没有其他插件劫持了
Tab行为（比如 Markdown 插件），可临时禁用验证
怎么配一个真正好用的 console.log 模板
别直接套用网上“console.log('$END$')”这种简陋写法——它没法自动带引号、不处理变量名推导、换行后缩进错乱。推荐这样配：
- Abbreviation 填
log（比con更直觉，且不和const冲突） - Template text 填：
console.log('$EXPR$');$END$ - 点击
Define，只勾选JavaScript和React JSX（避免在 HTML/CSS 里误触发） - 务必勾选
Reformat according to style，否则生成后缩进会塌成一团 - 如果想支持选中一段表达式再补全（比如高亮
user.name后按 Tab 变成console.log(user.name);），要在模板里用$SELECTION$替代$EXPR$，并启用Expand with context
为什么 .log 自动转 console.log 不总可靠
WebStorm 确实自带 'xxx'.log → console.log('xxx'); 的补全，但它有硬伤：
- 只对字符串字面量有效，
obj.key.log或arr[0].log不触发 - 转换后不自动加分号（取决于你代码风格设置，容易漏）
- 无法处理多参数，
'a', 'b'.log会崩，而手写模板可以写成console.log('$EXPR1$', '$EXPR2$'); - 它本质是“后缀补全”，依赖语法树解析，遇到复杂表达式（如带箭头函数、解构）常静默失败
进阶：让 log 模板自动带上变量名和时间戳
纯 console.log 调试时经常分不清输出来源。加点小改造就能提升可读性：
- 用
$FUNCTIONNAME$占位符插入当前函数名：console.log('[${FUNCTIONNAME}] $EXPR$'); - 加时间前缀：
console.log(`[${new Date().toISOString().slice(11, 19)}] $EXPR$`); - 如果用 TypeScript，把
$EXPR$换成$SELECTION$+ 启用Expand with context，选中data后按 Tab，就能得到console.log('[getData] data:', data);这种带上下文的输出
最易被忽略的是：Live Template 不是全局开关，每个缩写都得单独绑定作用域、启用重格式、避开语言注入盲区——配错一处，整条链就断在 Tab 那一下。
