关键要分清file and code templates（控制右键new生成文件骨架）与live templates（控制编辑器内缩写+tab插入代码片段），前者需在settings→editor→file and code templates→files中配置extension为vue，后者需在settings→editor→live templates中定义并勾选对应文件类型作用域。
新手用 WebStorm 模板提效，关键不是“多建几个”，而是先分清 File and Code Templates 和 Live Templates 两个东西——用错地方，建一百个也没用。
新建 .vue 文件不出现选项？检查 Extension 是否填了 vue
很多人右键 New 看不到 Vue，是因为模板建在了错误位置或参数不对：
- 必须进
Settings → Editor → File and Code Templates → Files，不是Code标签页 - 点
+→ 选Files→ 名称填Vue，Extension字段只填vue（不能带点、不能写.vue、不能留空） - 模板内容里写标准 SFC 结构，开头加
<!-- @format -->可触发 Prettier - 保存后仍不生效？2026.1 版本有缓存 bug，重启 WebStorm 才刷新
log + Tab 没反应？先看光标在哪、文件类型对不对
Live Template 不是全局生效的，它严格依赖上下文：
- 光标必须在可编辑代码区——不在注释里、不在字符串里、不在 JSON 值里、不在 HTML 属性引号内
- 输完缩写后按
Tab，不是Enter或空格 - 模板的
Define里必须勾选当前文件类型：比如在.vue里用console.log，就得同时勾选JavaScript Files和Vue Files - 如果只勾了
JavaScript Files，那在.vue的<script></script>块里也触发不了
模板里 ${NAME} 没替换成文件名？说明你没走“新建文件”流程
${NAME} 是 WebStorm 在“新建文件对话框”中填写文件名那一刻才展开的变量：
- 新建
HelloWorld.vue→${NAME}就是HelloWorld - 如果先新建空文件再粘贴模板，
${NAME}就真变成字面量了，这不是 bug，是设计逻辑 - 想让组件名自动填入
name字段？模板里写name: '${NAME}',，但前提是通过New → Vue创建文件 - 其他变量如
${USER}、${DATE}同理，只在新建文件时求值
最常被忽略的点：Live Template 的 $END$ 位置决定光标停在哪，而 Reformat according to style 勾不勾，直接决定插入后代码是否缩进正确——这两项漏掉一个，模板就等于半残。
