Sublime实现一键生成Vue模板_自定义Snippet实战

先从一个最常见的场景说起：不少人在用Sublime写Vue文件时，都遇到过按Tab没反应的情况。问题多半出在scope这个参数上。

为什么在.vue文件里按Tab没反应

最核心的原因就是 scope 填错了。注意，Sublime判断触发条件时，看的是当前光标位置的语法作用域，而不是文件的扩展名。举个例子：你打开一个 .vue 文件，右下角虽然显示的是“Vue”，但实际的 scope 可能是 text.html.vue（Vue 插件提供的），也可能是 source.vue（旧版插件），甚至可能是 text.html.basic（压根没装 Vue 语法支持）。scope 填得不对，按 Tab 自然不会有任何反应。

实操建议如下：

• 先按 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（macOS），输入 Developer: Show Scope Name，然后把光标分别放在 ]]> vuecomp text.html.vue Vue SFC template

  需要注意几个细节：

  • 是必须的根节点，不能省略。
  • 占位符 $1 到 $6 要依次递增，不要跳号。在末尾加个 $0 是可选的，但加上它能确保光标最终能跳出整个模板。
  • 所有换行和缩进都会原样插入模板，所以模板里的空行和空格要手动对齐好。
  • 如果你想在