vscode代码片段需手动创建json文件启用，语言模式匹配失败或json格式错误会导致无提示；正确做法是通过命令面板创建对应语言的snippets文件，确保文件名、语言id、json语法严格准确。
代码片段（snippets）补全不是自动开启的，必须手动创建或导入 JSON 文件，且语言模式匹配失败时会完全不触发。
怎么创建用户级代码片段
VSCode 的代码片段补全依赖 snippets 目录下的 JSON 文件，不靠开关启用，而是靠文件存在+语言标识生效。
- 打开命令面板（
Ctrl + Shift + P或Cmd + Shift + P） - 输入并选择
Preferences: Configure User Snippets - 选
New Global Snippets file...（全局）或具体语言（如javascript） - 保存为
javascript.json（语言名必须准确，大小写敏感）
文件内容需严格符合 JSON 格式，例如：
{
"log": {
"prefix": "log",
"body": ["console.log('$1');", "$2"],
"description": "console.log"
}
}
保存后，在 .js 文件中输入 log + Tab 即可展开。注意：prefix 是触发词，body 是插入内容， 是第一个光标停靠点。
为什么写了 snippets 却没提示
最常见原因是语言模式识别错误或 JSON 结构非法。
- 右下角状态栏检查当前语言模式是否为
JavaScript（不是Plain Text或JSON）——点击可切换 - 确保 snippet 文件名与语言 ID 一致：
typescript.json对应 TS，python.json对应 Python；python语言 ID 不是py - JSON 中不能有注释、尾逗号、未转义双引号；用 VSCode 自带的 JSON 验证（保存时报错）快速定位
-
snippetsPreventQuickSuggestions若设为true，会禁用 snippet 补全，检查设置中该项是否关闭
如何让 snippet 在 import 后自动补全组件名
纯 snippet 无法动态读取项目结构，但可配合扩展实现类“智能”补全。
- 普通 snippet 只能静态补全，比如
reactfc→const Component = () => { ... } - 若想补全
import { Button } from 'antd'中的Button，需依赖语言服务器（如 Pylance、TypeScript Server），而非 snippet - 可写一个 snippet 触发模板，再靠 LSP 补全后续：例如 prefix 设为
imp，body 为import { $1 } from '$2';，然后$1处手动触发Ctrl + Space呼出 LSP 提示 - 避免在 snippet body 中硬编码路径别名（如
@/utils），除非项目已配好jsconfig.json或tsconfig.json，否则 LSP 无法解析
真正卡住效率的往往不是不会写 snippet，而是语言模式错配、JSON 格式出错、或误以为 snippet 能替代类型感知补全——它只负责“你打什么，它还你什么”，不负责“你可能想打什么”。
