PhpStorm中添加可用Live Template需四步：Settings/Preferences → Editor → Live Templates → + → Live Template，填Abbreviation、Description、Template text（含$VAR$变量和$END$），最后必须点击Define并勾选对应语言（如PHP/TypeScript），否则缩写不触发。
PhpStorm里怎么加一个能用的Live Template
直接在编辑器里输缩写按 Tab 就能展开，不是快捷键也不是宏，是带变量、光标跳转的结构化模板。关键在于：必须指定生效语言范围，否则写了也触发不了。
操作路径是 Settings → Editor → Live Templates（Windows/Linux）或 Preferences → Editor → Live Templates（macOS）。点右上角 + → Live Template，填三项：
-
Abbreviation：触发缩写，比如log、rfc，别用保留字如if或for -
Description：纯备注，不影响功能 -
Template text：主体内容，支持$VAR$变量和$END$最终光标位
写完要点 Define，勾选目标语言（如 JavaScript、PHP、XML），否则它默认不绑定任何上下文，输再多次 log 都不会弹出来。
为什么写好了却没反应？常见失效原因
最常踩的坑是语言范围没设对，或者缩写被 IDE 内置模板拦截了。比如你定义了 clg，但 PhpStorm 已有 cl（console.log）且优先级更高，那 clg 就压根不会进候选列表。
立即学习“PHP免费学习笔记（深入）”；
排查步骤：
- 在目标文件中输入缩写，看是否出现在代码补全下拉里（不是只靠 Tab）
- 确认当前文件后缀和语言识别是否匹配——比如
.tsx文件要单独勾选TypeScript JSX，不能只靠JavaScript - 检查
Expand with设置：默认是Tab，但有人误改成Enter或Space，导致习惯性按 Tab 没反应 - 如果用了变量如
$CLASS$，记得在Edit variables里给它配函数（比如className()），否则变量位置会空着不动
React组件模板怎么写才不漏 export 和 interface
很多人抄网上片段，直接贴进 JavaScript 模板，结果在 .tsx 里死活不触发。根本原因是没分语言——JSX 和 TSX 是两个独立语言项，得分别配置。
一个可用的 TypeScript React 函数组件模板示例：
"rfc": {
"abbreviation": "rfc",
"templateText": "import React from 'react';\n\ninterface $NAME$Props {\n $END$\n}\n\nconst $NAME$: React.FC<$NAME$Props> = ({}) => {\n return (\n <div>\n \n </div>\n );\n};\n\nexport default $NAME$;",
"description": "React functional component with TS interface"
}
注意点：
-
$NAME$是可跳转变量，首次 Tab 停在这儿，改名；再次 Tab 跳到$END$（即 interface 内部） - 必须在
Define里同时勾选TypeScript JSX和TypeScript，否则 .tsx 文件不认 - 别用
$1、$2这种编号占位符——那是 VS Code Snippets 的语法，PhpStorm 只认$VAR$格式
全局模板和项目级模板怎么选
PhpStorm 没有“工作区级 snippets”概念，只有两种作用域：全局（所有项目都生效）和语言级（按语言开关）。所谓“项目专用”，实际靠的是 Settings → Editor → Live Templates → Import 功能，把团队统一的 .xml 模板文件导入当前项目设置。
建议做法：
- 通用型（log、try-catch、prop-types）放全局，避免每个项目重复配
- 框架专用（如 Laravel 的
@auth、Vue 的v-for展开）按语言绑定，防止在 JS 文件里误触发 PHP 模板 - 团队规范类（如注释头、license 声明）导出为
live-templates.xml，新人入职一键导入，比口头交代靠谱
真正容易被忽略的是变量函数的上下文限制——比如 methodName() 在方法体内才返回当前函数名，放在类外就为空。这种细节不试一遍，光看文档根本意识不到。
