vscode原生不支持新建文件自动填充模板，需依赖插件（如file templates）或自定义snippets配合命名约定实现；snippets仅在已打开的正确语言模式文件中通过prefix+tab触发，无法自动应用于新建空文件。
VSCode里没有“新建文件就自动填充”的原生功能
VSCode 本身不支持创建 .js、.tsx 或 .vue 文件时直接插入模板内容。你右键 → “新建文件” → 输入名字 → 回车，得到的是空文件。所有“新建即填充”的体验，都依赖插件或间接配置。
常见错误现象：装了某个插件却没反应，或者配置了 snippet 却在新建文件时完全不触发——本质是混淆了「在已有文件中插入代码片段」和「新建文件时自动写入内容」这两件事。
- 代码片段（snippets）只在已打开的、语言模式正确的文件中生效，靠
prefix+Tab触发 - 真正实现“新建即填充”，必须用插件（如
File Templates、Custom Files）或脚本+任务联动 - 别指望把 snippet 放进
javascript.json就能让新建的foo.js自动带'use strict';
File Templates 插件是最轻量可靠的方案
它不改 VSCode 底层逻辑，而是提供一个独立命令来新建带模板的文件，路径、语言、内容全可配，适合大多数团队场景。
实操建议：
- 安装插件：
File Templates（作者：branw） - 在工作区根目录建
.vscode/file-templates/目录，里面放模板文件，例如react-component.tsx - 模板内容可含变量：
$FILENAME、$DATE、$COMPONENT_NAME（需在插件设置里开启变量解析） - 右键项目文件夹 → “Create file from template” → 选模板 → 输入文件名 → 自动生成并打开
- 避免踩坑：模板文件名不要带空格或特殊符号；变量名大小写敏感，
$filename≠$FILENAME
自定义 snippet + 命名约定 = 伪“新建即填充”
如果你不想装插件，又希望高频操作尽量少按键，可以用 snippet 模拟该行为，但需要一点习惯配合。
使用场景：你新建 Button.tsx 后，立刻输入 rfc + Tab，比等插件响应更快，且完全可控。
- 在
typescriptreact.json中定义前缀为rfc的片段，body 包含 import、组件声明、props 类型等 - 确保当前文件语言模式是
typescriptreact（右下角显示，不是typescript或javascript） - 推荐加一行
const $TM_FILENAME_BASE = () => {，这样组件名自动取文件名（不含扩展名） - 别漏掉
$0：否则光标停在最后一行末尾，而不是你该写逻辑的位置 - 如果多个语言都要用同一套结构（比如
.ts和.tsx），得分别配到typescript.json和typescriptreact.json，不能只配一个
全局 snippet 配置 common.code-snippets 的关键细节
想让 log、header、test 这类通用片段在任意语言里都能用，必须走全局配置，但路径和格式错一点就静默失效。
容易踩的坑：
- 命令面板输
Preferences: Configure User Snippets→ 选New Global Snippets file，文件名必须是common.code-snippets（后缀不能少，也不能写成.json） - 文件必须存放在
~/.vscode/snippets/（macOS/Linux）或%USERPROFILE%\AppData\Roaming\Code\User\snippets\（Windows） - JSON 内容不能有注释（
//或/* */），否则整个文件被忽略 - 别加
"scope"字段——加了反而限制生效范围；删掉它，才真正“全局可用” -
prefix必须全小写，Log和LOG都不会触发
复杂点在于：全局 snippet 不会自动识别语言上下文，比如你在 Python 文件里敲 clg，它照样插入 console.log() —— 你要自己负责语义合理性。
