Live Template缩写输完按Tab没反应，先查光标是否在可编辑代码区、是否按Tab而非Enter/空格、当前文件类型是否被Define勾选；Vue3模板需同时勾选HTML和Vue Files，并含$END$与defineProps/defineEmits结构。
Live Template缩写输完按Tab没反应，先查这三件事
不是模板没建好，而是触发条件不满足。WebStorm 的 Live Template 严格依赖上下文判断是否激活：
- 光标必须落在可编辑的代码区域——不能在注释、字符串字面量、
JSON值、CSS规则块或HTML属性值里 -
Abbreviation后必须按Tab，不是Enter或空格；部分模板（含$END$）还要求光标不在行首 - 当前文件类型必须被
Define显式勾选——比如你在.ts文件里输log，但模板只定义在JavaScript，它就不会出现
Vue 3 <script setup> 模板怎么配才真正可用</script>
别用 File Templates 生成整个文件，Live Template 才是插入组件骨架的正解。关键在于作用域和占位符设计：
-
Abbreviation建议设为vue3，避免和内置vue（旧版）冲突 -
Template text中必须包含defineProps<{ $propName$: $propType$ }>()和defineEmits(['$eventName$'])，让光标能跳入泛型和事件名位置 -
Define必须同时勾选HTML Files和Vue Files——只勾JavaScript在.vue里完全不生效 - 别漏掉
$END$：放在</script>前，确保光标最终停在可编辑处，而不是卡在<style>开头
依赖数组怎么自动补全，别指望全自动
useEffect、useMemo 这类模板里的 $DEPENDENCIES$ 不是智能推导，而是手动联动占位：
- 模板中写
[ $DEPENDENCIES$ ]，展开后光标会停在这里 - 此时按
Ctrl+Shift+Space（Windows/Linux）或Cmd+Shift+Space（macOS），WebStorm 列出当前作用域所有变量 - 用方向键选中、按
Tab插入；多个变量需手动加逗号分隔，WebStorm不会自动分析引用关系 - 如果变量未出现在候选列表，说明它不在当前作用域——比如被
if包裹、或声明在嵌套函数内
缩进错乱、光标乱跳，问题出在模板文本本身
Live Template 插入的格式由两部分决定：你写的模板文本 + 当前文件的 Code Style 设置。但很多错乱其实源于模板内硬编码：
- 别在
Template text里手动敲\t或空格控制缩进——WebStorm 会按当前文件的Editor → Code Style → JavaScript设置自动换算，手敲反而导致错位 - 多行结构（如
class或template）每行开头必须有$SELECTION$或$END$占位，否则光标可能停在第一行末尾，无法自然跳转 - 勾选
Reformat according to style是必须项，否则即使 Code Style 设对了，插入后也不会自动对齐
Define 步骤——哪怕缩写、文本都对，没点进去勾语言，模板就等于不存在。而且 Vue 文件要同时勾 HTML 和 Vue，TypeScript 文件必须单独勾 TypeScript，这些细节不满足，整套流程就卡死在第一步。 
