最常见原因是 scope 填错，Sublime 依赖当前光标位置的语法作用域而非文件后缀；需用 Developer: Show Scope Name 查看真实 scope（如 text.html.vue），并严格匹配；右下角显示非“Vue”时 snippet 不生效。
为什么在.vue文件里按Tab没反应
最常见原因是 scope 填错了。Sublime 不看文件后缀，只认当前光标所在位置的语法作用域。比如你打开一个 .vue 文件，右下角显示“Vue”，但实际 scope 可能是 text.html.vue（由 Vue 插件提供），也可能是 source.vue（旧版插件）或 text.html.basic（没装 Vue 语法支持时）。填错就完全不触发。
实操建议：
- 先按
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS），输入Developer: Show Scope Name，把光标放在<script>或<template>里点一下，看弹出的完整 scope 链 - 若显示
text.html.vue，scope就必须写成text.html.vue；若显示source.vue meta.script.js，则需用更精确的source.vue meta.script.js（仅对 script 块生效） - 别写
vue、.vue或html—— 这些不是合法 scope
如何让 vuecomp 按 Tab 后生成完整结构
核心是 XML 结构合法 + <content> 用 CDATA 包裹 + 占位符顺序合理。直接复制粘贴容易漏掉根节点或转义问题。
正确写法示例（保存为 Packages/User/VueComponent.sublime-snippet）：
立即学习“前端免费学习笔记（深入）”；
<snippet>
<content><![CDATA[
<template>
<div class="$1">
$2
</div>
</template>
<script>
export default {
name: '$3',
data() {
return {
$4
}
},
methods: {
$5
}
}
</script>
<style scoped>
$6
</style>
]]></content>
<tabTrigger>vuecomp</tabTrigger>
<scope>text.html.vue</scope>
<description>Vue SFC template</description>
</snippet>
注意点：
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
-
<snippet>是必须的根节点，不能省 -
$1到$6递增，别跳号；结尾加$0可选，但加了能确保光标最终跳出整个模板 - 所有换行和缩进会原样插入，所以模板里的空行和空格要手动对齐
- 如果想在
<script>里默认补全import，得另建一个 scope 为source.vue meta.script.js的 snippet，不能混在一个里
生成后光标卡在中间、改一个地方其他不同步
这是占位符编号误用导致的。Sublime 把相同数字的占位符视为同步字段：两个 $1 会联动编辑，而 ${1:default} 和 $1 并不等价——后者无默认值，前者有。
典型错误场景：
- 写了两个
$1，结果改 class 名时，name:那行也跟着变 → 改成$1和$3即可解耦 - 想让组件名在
name和class两处同步，默认值都填MyComponent→ 用${1:MyComponent}，两处都写这个 - 漏了
$0，按到最后一个$6就停住，无法继续敲代码 → 在</style>后加$0 - 想输出字面量
${date}，结果被解析成变量 → 写成\${date}
能不能让新建 .vue 文件就自动带模板
不能。Sublime 的 snippet 机制只响应“光标处插入”，不接管文件创建行为。你新建一个空 .vue 文件，它只是个空白页，不会自动展开任何 snippet。
可行替代方案：
- 新建文件后，立刻输入
vuecomp再按Tab—— 这是最轻量、最稳定的做法 - 写 Python 插件调用
window.run_command('new_file')+view.run_command('insert', {...})，但需重启 Sublime 才加载，且维护成本高 - 用外部脚本（如 Python/Shell）生成文件内容，再用
subl path/to/file.vue打开 —— 适合批量建几十个组件的场景
真正容易被忽略的一点：很多人花半天调 scope 和 tabTrigger，却忘了确认当前文件是否已识别为 Vue 语法——右下角显示 “Plain Text” 或 “HTML” 时，哪怕 snippet 写得再对也没用。务必先点右下角切换语法，再测试。
