VS Code HTML5环境配置需确保右下角语言模式为HTML、开启html.suggest.html5、安装CSS类名提示插件并启用相关设置，Emmet缩写需文件为.html或正确映射且按Tab触发。
右下角语言模式是不是HTML？
不是Plain Text、JavaScript或Vue，就基本没戏。VSCode的HTML补全只在语言模式为html时激活，其他模式下连div都不会出现在建议列表里。点右下角状态栏，手动选“HTML”；如果后缀是.vue或.jsx，得靠插件接管或配置映射，原生服务不工作。
html.suggest.html5有没有被关掉？
这个开关一关，所有 HTML5 语义标签（header、main、article）直接消失，只剩基础标签如div和span。打开设置搜html.suggest.html5，确认它是true；也可以在settings.json里加这一行：
"html.suggest.html5": true
注意：它和html.autoClosingTag无关，后者只管闭合行为，不控制提示内容。
class属性里为啥不提示CSS类名？
VSCode 原生根本不读你的 CSS 文件，所以class="btn-"输一半不会蹦出btn-primary。必须装插件：IntelliSense for CSS class names in HTML（支持 CSS/SCSS/Less），或 Tailwind CSS IntelliSense（Tailwind 专用）。装完还要开两个设置：
-
editor.suggest.showClasses→ 设为true -
editor.quickSuggestions.strings→ 设为true
否则默认要按Ctrl+Space手动唤出，很多人以为“没提示”，其实是没触发。
Emmet缩写（比如div.container）按Tab没反应？
常见原因有三个：
-
emmet.triggerExpansionOnTab被设成false了（尤其在工作区settings.json里被覆盖） - 文件后缀不是
.html，但没配files.associations，比如.vue文件里写模板，得加"*.vue": "html" - 输入完缩写后按的是
Enter或中间有换行——Emmet 默认只响应Tab，且要求末尾是空格或>
验证是否正常：新建test.html，输!再按Tab，能生成完整 HTML5 模板，说明 Emmet 引擎本身没问题。
真正卡住的地方往往不是插件没装，而是某一项设置被覆盖、语言模式不对、或者 CSS 文件路径没被插件扫描到——尤其是样式放在assets/styles/这类非标准路径时，得手动加css.styleSheets配置。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
