webstorm 中需在 settings → editor → file and code templates → files 下新建 javascript 模板，命名为 js class with header，扩展名填 js，正文含 ${user} 和 ${date} 变量，才能在右键新建时显示并生效。
怎么创建一个带日期和作者的 JS 文件模板
WebStorm 的文件模板不是“写完就生效”，必须在 Editor | File and Code Templates 里新建并指定扩展名，否则右键新建时根本不会出现你的模板。
- 打开设置：macOS 按
Cmd + ,，Windows/Linux 按Ctrl + Alt + S，搜索File and Code Templates - 在
Files选项卡点+→ 选JavaScript File，命名如JS Class with Header - 在模板正文里粘贴以下内容（注意
${NAME}和${USER}是自动替换的变量）：/**\n * @author: ${USER}\n * @date: ${DATE}\n */\n\nclass ${NAME} {\n constructor() {}\n}\n\nexport default ${NAME}; -
File extension必须填js，否则新建时识别不到；File name留空或填${NAME}即可
为什么新建文件时没看到自定义模板
常见原因是模板没绑定到正确语言类型，或扩展名不匹配 WebStorm 的文件类型注册表。
- 检查
File extension是否和你期望的新建动作一致：比如想建.ts文件，模板扩展名就得是ts，不能只写js - 如果用了
.jsx或.tsx，需先确认 WebStorm 已启用对应语言支持（Settings → Languages & Frameworks → JavaScript → JavaScript version） - 模板名称不能含空格或特殊符号，否则可能在右键菜单中显示异常甚至不显示
- 新建时右键菜单里显示的是「模板名」，不是文件名；如果只看到
JavaScript File而没有你的模板，说明它没出现在Files列表里，或被误建在Includes或Code栏下
如何让一个模板生成多个关联文件（比如组件 + 测试 + CSS）
WebStorm 支持「主模板 + 子模板」结构，但子模板必须挂载在主模板下，且共享变量（如 ${NAME}），不能单独存在。
- 先建主模板：类型选
Directory，名称填Component Folder，File name填${NAME}/${NAME}（这会生成Button/Button.js这样的路径） - 再点该主模板右侧的
+→ 选Subtemplate，设名为Test File，扩展名test.js，正文：import { describe, it } from 'vitest';\n\ndescribe('${NAME}', () => {\n it('renders', () => {});\n}); - 同理加
CSS File子模板，扩展名css，正文留空或写基础样式占位符 - 新建时右键 →
New→ 选Component Folder，输入Header，就会一次性生成Header/Header.js、Header/Header.test.js、Header/Header.css
实时模板（Live Templates）和文件模板（File Templates）有什么区别
这是最常混淆的两个功能：一个是在编辑器里打几个字母按 Tab 插入代码块（Live Template），一个是右键新建文件时生成整份文件（File Template）。
-
Live Templates在Editor | Live Templates设置，缩写如clg→ 按Tab变成console.log()；它作用于已有文件内部，不创建新文件 -
File Templates在Editor | File and Code Templates，决定你右键 →New → JavaScript File时生成什么内容 - 别把函数模板（如
function ${NAME}() {}）错放到 File Templates 里——它应该放在Live Templates → JavaScript下，否则每次新建文件都会塞一个空函数进去 - 变量也不同：
Live Templates支持groovyScript{...}动态逻辑，File Templates只支持基础变量如${DATE}、${USER}
实际用的时候，很多人卡在「改了模板却没生效」——不是缓存问题，而是新建动作根本没调用你那个模板。盯住右键菜单里出现的名字、核对扩展名、确认模板建在 Files 栏下，比反复重启 WebStorm 管用得多。
