Live Templates缩写不触发，先检查Define是否勾选对应语言作用域（如.ts文件需勾TypeScript），再确认缩写未被内置模板占用、Reformat选项已启用，否则模板静默失效。
Live Templates 缩写不触发？先查 Define 和作用域
输入缩写后按 Tab 没反应，八成是没配对作用域。WebStorm 不会“猜”你在哪写代码，必须显式声明模板生效范围。
- 进
Settings / Preferences → Editor → Live Templates，选中你的模板，点Define - 勾选对应语言：比如在
.ts文件里用，必须勾TypeScript；若还希望在.js里生效，得把JavaScript也勾上 - 别信“默认支持所有语言”——没勾就是不生效，哪怕缩写拼对了、文本也写了
- 常见陷阱：
if在 JSX 里可能被 Emmet 当成 HTML 标签解析，此时应确保其Define范围是JavaScript或JSX，而非仅HTML
变量 $SELECTION$ 怎么用才不丢内容？
想把已选中的一段代码包裹进模板（比如加 console.log 或 try/catch），$SELECTION$ 是关键，但它不是自动识别的，要手动配。
- 模板文本里写好结构，例如：
try { $SELECTION$ } catch (e) { console.error(e); } - 点
Edit variables，找到SELECTION，Expression 填selection() - 务必勾选
Skip if defined，否则光标会停在$SELECTION$占位处，你得手动删掉再粘贴——完全违背“复用”初衷 - 如果选中文本后直接输缩写再按
Tab还是没包进去，检查是否在多行选择时触发了其他快捷键（比如误触了Ctrl+Shift+Alt+J的“提取方法”）
自定义模板命名冲突怎么办？
缩写被占用了，Tab 就不会触发你的模板。WebStorm 内置模板（如 for、clg）、插件模板、甚至你自己以前建的同名模板，都会拦截。
- 打开
Live Templates设置，搜索你想用的缩写，看它是否已存在；存在就换名，比如用myfor、logx、vvv - 缩写区分大小写：
Log和log是两个模板，但多数人习惯小写，别自己制造混淆 - 如果模板列表里看到灰色提示“not applicable here”，说明上下文不匹配——不是缩写错了，是当前光标位置不在支持的语言区域（比如在字符串字面量里输
log） - 临时排查：按
Ctrl + J弹出模板候选列表，能看见哪些模板当前可用；如果列表里压根没有你的缩写，基本可断定是作用域或命名问题
生成后格式错乱？Reformat 选项别漏勾
模板文本看着没问题，一按 Tab 却缩进全崩、括号换行错位——大概率是没勾 Reformat according to style。
- 这个选项控制 WebStorm 是否按当前代码风格（如 Prettier 规则、缩进空格数）自动重排生成的代码
- 不勾它，模板会原样插入，无视项目配置，尤其在嵌套结构（如对象字面量、箭头函数体）里极易出问题
- 勾上后，
$END$位置仍保留为光标终点，但中间内容会被格式化；若你不希望某部分被动改（比如 SQL 字符串里的缩进），就得拆成多个模板或手动调整模板文本的原始缩进 - 注意：该选项只影响生成后的即时格式化，不影响模板编辑器里的预览效果
Define 步骤和 Reformat 开关——它们不报错、不警告，只是让模板“静默失效”或“生成即报废”。配完一个模板，务必在目标文件类型里亲手试一次：输缩写 → 按 Tab → 看是否如预期展开且格式正常。 
