根本原因是sublime未加载snippet文件或$1/$0被当作文本输出；需确认文件名为html5.sublime-snippet、保存至packages/user/路径、且cdata包裹正确，$0不可缺失以保障tab跳转逻辑。
为什么输入 html5 + Tab 没反应，或光标卡在错误位置
根本原因不是 Snippet 写错了，而是 Sublime 没加载新文件，或 $1/$0 被当成普通文本输出了。常见表现是：敲完 html5 按 Tab，只插入一串字面量 $1，而不是跳转到 title 位置。
必须确认三点：
- 文件名是
html5.sublime-snippet（不能带空格、中文、多余后缀如.xml或.snippet） - 保存路径是
Packages/User/（Windows：%APPDATA%\Sublime Text\Packages\User\；macOS：~/Library/Application Support/Sublime Text/Packages/User/） -
<content></content>里用了包裹，否则和 <code>>会被 XML 解析器吃掉
如何让 Tab 键正确跳转到 title、body 等关键位置
占位符顺序决定跳转逻辑：$1 是第一个停靠点，$2 是第二个，$0 是最终光标位。别漏掉 $0，否则 Tab 到最后会直接退出跳转模式。
一个可用的最小 HTML5 Snippet 示例：
<snippet><content><meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>$1</title> $2 ]]></content><tabtrigger>html5</tabtrigger><scope>text.html</scope><description>HTML5 skeleton</description></snippet>
其中 $1 停在 <title></title> 内，$2 停在 内，$0 隐含在 后——如果你希望光标最终落在 body 末尾，就把 $0 显式写在 $2 后面。
Emmet 的 ! 和 html:5 为什么有时不生效
Emmet 不是“自动开箱即用”，它依赖两个前提：
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 当前文件语法必须设为
HTML（View → Syntax → HTML），不能是 Plain Text 或 Markdown - Emmet 必须对 HTML 启用：按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Emmet: Enable Languages，确认HTML已勾选
注意：! 和 html:5 功能完全等价，但 ! 更快；如果两者都失效，优先检查语法设置和 Emmet 启用状态，而不是重装插件。
自定义 Vue/React 组件骨架时，$1 同步更新怎么写
Vue SFC 中组件名常需在三处同步出现：name 选项、<template></template> 标签名、<style scoped></style> 的 class 前缀。这时用相同数字的占位符即可实现联动：
$1 出现在 name: "$1"、、<style scoped>.$1 { }</style> 里，Tab 时三处会同时编辑、同时更新。
但要注意：$1 只能用于纯文本替换，不支持逻辑判断。比如你不能让 $1 在 template 中是小写，在 script 中自动首字母大写——这种需求必须靠插件（如 SublimeJsPrettify 或自定义 Python 插件）实现。
真正容易被忽略的是作用域声明：<scope>source.vue</scope> 才能在 .vue 文件中触发，写成 text.html 或漏掉 scope 标签，Snippet 就永远静默。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
