需手动配置Live Templates：进Settings→Editor→Live Templates→建React Hooks分组→新增模板，Abbreviation填ue，Template text为useEffect(() => { $SELECTION$ }, [$DEPENDENCIES$])，Define中勾选JavaScript、React JSX及TypeScript（如用.tsx），并启用Reformat according to style。
WebStorm 里“生成常用代码片段”不是开个开关就自动跑起来的事，得手动配 Live Templates，而且必须绑定语言作用域、注意缩写冲突、勾选格式化——缺一不可，否则输完缩写按烂 Tab 也没反应。
怎么配一个能用的 useEffect 模板（React 场景）
想输入 ue 按 Tab 就出 useEffect(() => { }, [])，不能只写内容：
- 进
Settings → Editor → Live Templates，先点+→Template Group建个分组（比如叫React Hooks），方便后续管理 - 在该分组下再点
+→Live Template，填：
Abbreviation:ue
Template text:useEffect(() => { $SELECTION$ }, [$DEPENDENCIES$]) - 点
Define，**必须勾选JavaScript和React JSX**（如果项目用.tsx，还得勾TypeScript；只勾HTML或漏掉React JSX，在组件文件里就不会触发） - 务必勾上
Reformat according to style，否则生成后括号对不齐、换行错乱，看着像没生效
console.log 类模板为什么输 cl 没反应
常见现象是输完缩写按 Tab 没动静，或弹出无关补全项——大概率卡在这三处：
- 上下文语言不匹配：比如在
.ts文件里用了只定义在JavaScript作用域的模板，进Define把TypeScript也勾上 - 缩写被占了：
cl是 WebStorm 内置缩写（对应console.log），但如果你自己建了个同名模板又没启用，或插件覆盖了它，就会失效；建议自定义时加前缀，比如mycl或cel - 光标位置不对：在字符串字面量里（如
const s = "cl"中）输cl不会触发，Live Templates 只在代码逻辑区生效
React 组件模板（如 rcfc）为啥不出现
WebStorm 自带的 rcfc（React Class Component）、rsf（React Stateless Function）等缩写，默认只在 .jsx 和 .tsx 文件中激活：
- 如果你项目用
.js写 React 组件，这些模板根本不会列出来——得进Live Templates设置，找到对应模板，点Define，把JavaScript也勾上 -
rsf默认生成的是function X() { return ... }，不是箭头函数；要改，得编辑它的Template text，换成const $COMPONENT_NAME$ = () => { return $SELECTION$; }; -
$COMPONENT_NAME$是可跳转占位符，生成后按Tab能快速定位修改，但首次生成时光标若不在该位置，容易直接忽略这个交互点
最容易被忽略的其实是作用域绑定和 Reformat 开关——很多人配完模板以为万事大吉，结果缩写有、语言也对，就是不展开，最后发现只是忘了勾那一项。Live Templates 不是“写完就跑”，它是靠上下文+触发+格式化三者咬合才工作的。
