能，但必须满足三个前提：文件语法是 HTML、Emmet 已启用、输入位置在空行或标签外。 其他任何组合——比如语法设成 HTML (Twig)、在

里敲 !、或者用的是 Plain Text 模式——都会让 ! 或 html:5 完全没反应。

为什么 ! 没反应？常见失效场景和修复

绝大多数“按 Tab 没生成”的问题，都卡在这几个地方：

• 右下角状态栏显示的不是 HTML，而是 Plain Text、HTML (Rails) 或 XML —— 点它手动切到纯 HTML
• 当前文件已有内容（哪怕只有一行空格），! 必须在真正空行上输入才有效
• 误触发了 Emmet 禁用：按 Ctrl+Shift+P 输入 Emmet: Toggle Expanding Abbreviation 看是否被关了
• Tab 键被其他插件劫持（如 AutoFileName、SideBarEnhancements）—— 临时用 Ctrl+E 强制触发 Emmet

! 和 html:5 到底用哪个？

两者功能一致，但行为细节不同：

前端开发

ys-agent 前端（frontend/）功能迭代的工程规范守门 skill。当任何 agent 接到 ys-agent 前端相关任务时——新增页面、新增组件、加 API、加 Pinia store、改路由、写 mock、调整布局、修改样式、对接后端接口、迁移 demo 代码、做主题、加权限、写公共组件、做数据可视化、做表单、做弹窗、做表格、做搜索过滤、调 Element Plus 用法、做响应式、做性能优化，或仅仅是在 frontend/ 目录下编辑任何 .vue / .ts / .scss / .c

下载

• ! 是 Emmet 的默认缩写，展开后含 <meta charset="UTF-8"> 和 <meta name="viewport">，光标停在 <title></title> 内
• html:5 更显式，部分旧版 Emmet 或自定义配置中更稳定；但若你改过 snippets.json，可能被映射成别的结构
• 别用 html5 或 html:4 —— 这些不是标准缩写，Sublime 不识别

怎么让新建 .html 文件自动带骨架？

靠内置 snippet + 语法绑定，不依赖 Emmet：

立即学习“前端免费学习笔记（深入）”；

• 新建空白文件 → Ctrl+Shift+P → 输入 Insert Snippet → 选 HTML: html
• 要永久生效：菜单 View → Syntax → Open all with current extension as… → HTML，再把 .html 文件关联到 HTML 语法
• 注意：这个内置 html 片段生成的 lang 是 "en"，中文项目需手动改成 "zh-CN"

最易被忽略的一点：Emmet 的作用域（scope）必须匹配。比如你在 Vue 单文件组件里写 !，默认不生效，因为它的 scope 是 text.html.basic，而 .vue 文件是 text.html.vue —— 这时候得自己建 snippet 并设对 <scope>text.html.vue</scope>。