Sublime使用Snippet自定义代码块：效率提升300%技巧

Sublime Text 的 Snippet 功能确实强大，但真正用起来，很多人发现它并不是“写完就能用”那么简单。它有一套严格的规则——路径、作用域、XML 结构和编码方式，哪一步不对，你的 tabTrigger 就会彻底沉默，而且没有任何错误提示。

很多人都以为写好一个 .sublime-snippet 文件保存就能直接触发，但实际踩过坑的都知道，这个功能对环境异常敏感。尤其是文件存放位置、语法作用域的匹配、XML 结构的严格闭合——只要有一个地方没对上，Tab 键就完全没反应，而且编辑器连个报错都不会给你。下面就来拆解这几个最容易出问题的环节。

Snippet 文件必须放在 Packages/User/ 目录下才生效

Sublime 只会去 Packages/User/ 目录下寻找 .sublime-snippet 文件。你把文件放在桌面、项目根目录、甚至 Packages/Ja vaScript/ 里，都等同于没放。Sublime 根本不会去那里扫描。

• 最稳妥的做法：从菜单栏 Preferences → Browse Packages… 打开对应文件夹，直接在里面保存文件。这样就不会因为手误选错位置。
• Windows 上的典型路径是：%APPDATA%Sublime TextPackagesUser
• macOS 上一般是：~/Library/Application Support/Sublime Text/Packages/User/
• Linux 用户则是：~/.config/sublime-text/Packages/User/
• 注意：文件名不要用中文或带空格。部分 Sublime Text 4 版本遇到这种命名会直接跳过，连加载都不会加载。

scope 写错是“输完不触发”的头号原因

你明明配置了 log 的 snippet，按下 Tab 键却没有任何反应——别急着怀疑文件坏了，大多数时候是作用域没对上。Sublime 是根据当前文件右下角显示的语法标识（比如 Ja vaScript）去匹配 里的值的，不匹配就直接忽略。

• 想查当前文件真正的 scope 是什么？按下 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（Mac），输入 Developer: Show Scope Name 然后回车。状态栏里会显示完整的作用域链，比如 source.vue meta.script.js。
• 常见的情况：source.js 对应 Ja vaScript，source.ts 对应 TypeScript，text.html.basic 对应 HTML，source.css 对应 CSS。
• 如果你需要让 snippet 在多个语法下都能触发，可以用逗号分隔：source.js, source.ts。
• 注意，作用域不区分大小写，但拼写必须严格一致。source.js 有效，ja vascript 或 Source.Js 都不行。
• Vue 单文件组件里的