需手动修改 vue.json 代码片段：删除默认 vuel，新增同名片段，body 首行为 ，并用 $tm_filename_base 动态生成组件名，确保 ts 类型推导生效。
Vue 项目里怎么让 vuel 片段生成带 setup 和 defineComponent 的 TS 模板？
默认安装的 Vue VSCode Snippets（作者 sdras）中，vuel 触发的是 Options API 风格的 Vue2 兼容模板，不带 setup，也不声明 defineComponent。你得手动改或覆盖它。
实操建议：
- 按
Ctrl+Shift+P→ 输入Configure User Snippets→ 选择vue.json - 删掉原
vuel片段，新增一个同名但内容更新的片段，body中写入带script setup lang="ts"的结构 - 务必在
body第一行写<script setup lang="ts"></script>，否则 TS 类型推导会失效 - 用
$TM_FILENAME_BASE替代硬编码组件名，避免每次新建文件都要改名字
为什么装了 Vue VSCode Snippets 插件，vue 前缀却不弹出？
常见错误现象：插件已安装、VSCode 已重载，但在 .vue 文件里输入 vue 后无任何提示。
原因和应对：
- 当前文件未被识别为 Vue 语言模式——检查右下角状态栏是否显示
Vue，如果不是，点击它并选Configure File Association for '.xxx'→ 设为Vue - 插件被禁用或冲突——打开扩展面板（
Ctrl+Shift+X），确认Vue VSCode Snippets状态是启用，且没被其他 Vue 插件（如 Volar 旧版）屏蔽 - 工作区设置了禁用该插件——检查
.vscode/extensions.json或用户设置中是否有"extensions.ignoreRecommendations"或显式禁用项
typescriptreact.json 和 vue.json 片段能混用吗？
不能直接混用。VSCode 的代码片段是按语言 ID 绑定的：typescriptreact.json 只对 .tsx 文件生效，vue.json 只对 .vue 文件生效，哪怕两者都用了 TS。
关键差异点：
-
vue.json中的body可以包含<template></template>、<style></style>等非 JS/TS 块；typescriptreact.json的body必须是合法 TSX 语法 - 占位符行为一致，但语言服务（如自动导入、类型检查）依赖的是文件后缀 + language ID，不是片段本身
- 如果想在
.vue的<script setup></script>区域复用 React 片段逻辑，得把对应片段复制进vue.json，并适配语法（比如把useState改成ref/reactive）
跨平台模板（如 C++ + ImGui）需要额外配置构建任务，只靠代码片段够吗？
不够。代码片段只解决“写什么”，不解决“怎么编译”“怎么调试”。比如 vscode_gcc_project 模板提供的是完整工程骨架，含 tasks.json、launch.json、Makefile，而纯 snippet 只能插入几行 #include <imgui.h></imgui.h>。
真正落地的建议：
- 先用代码片段快速搭建源文件结构（如
main.cpp+imgui_setup()调用） - 再手动或脚本初始化构建配置：复制一份已验证的
.vscode/tasks.json到新项目，确保command指向本地g++或clang++ - Windows 下注意路径分隔符和 shell 类型（
cmdvsPowerShell），Linux/macOS 下优先用bash，避免make找不到 - 如果频繁新建同类项目，不如把整个
.vscode目录 +src/+Makefile打包成 ZIP 模板，比纯 snippet 更可靠
mingw64，也不会提醒你 launch.json 里的 miDebuggerPath 在 macOS 上该指向 lldb 而不是 gdb。
