vscode 1.40+ 内置 emmet,输入 ! 按 tab 生成 html5 骨架需满足三条件:右下角语言模式为 html、文件已保存、光标在空行或标签外;属性值须双引号、禁空格;jsx/vue 需配置 emmet.includelanguages。

VSCode 从 1.40 版本起已内置 Emmet,不用装插件、不改默认设置,只要文件是 .html 后缀且语言模式为 HTML,输入缩写按 Tab 就能展开——卡住的几乎全是环境或触发条件问题,不是语法不会。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML,替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度,HTML 能同时承载排版、表格、SVG 等。
为什么输入 ! 没反应?检查这三处
输入 ! 后按 Tab 应该立刻生成完整 HTML5 骨架,没反应时优先排查:
- 右下角语言模式是否显示
HTML?显示Plain Text或JavaScript就无效,点击切换 - 文件是否已保存?未保存的临时文件常被识别为 Plain Text
- 光标是否在空行或标签外部?写在
<div> 里面或 <code>










