90%的HTML补全失效源于编辑器未将文件识别为HTML语言模式，需先点击右下角语言标识（如Plain Text）设为HTML；.vue文件依赖Volar插件，Django模板需标记目录为Templates Folder并指定Jinja2引擎；VS Code中html.suggest.html5和emmet.showExpandedAbbreviation必须启用。
补全不提示，90%不是插件没装，而是编辑器根本没把文件当 HTML 处理。先确认右下角状态栏显示的是 HTML，不是 Plain Text、JavaScript 或 Vue —— 这是所有后续设置生效的前提。
右下角语言模式是不是 HTML？
这是最常被跳过的一步。VS Code、Trae、Visual Studio 都依赖这个标识决定启用哪套语言服务：
- 点击右下角当前语言名（比如
Plain Text），选择HTML；若列表里没有，选Configure File Association for '.html'→ 设为HTML - 对
.vue文件，<template></template>区域需靠Volar插件提供 HTML 补全，原生HTML模式无效 - 对 Django 项目中的
templates/下的.html文件，PyCharm 需右键该目录 →Mark Directory as→Templates Folder，并指定引擎（如Jinja2）
关键配置项有没有开？
不同编辑器叫法不同，但控制逻辑一致：是否允许在输入时弹出建议、是否识别 HTML5 标签、是否联动 CSS/JS 服务：
- VS Code / Trae：
html.suggest.html5必须为true，否则<nav></nav><section></section>不出现 - VS Code：
emmet.showExpandedAbbreviation不能设为"never"，否则<di> 输完不弹 <code><div> <li>Trae：<code>editor.quickSuggestions的other、comments、strings三项必须全勾，否则 JS 字符串里变量名不提示 - Visual Studio：工具 → 选项 → 文本编辑器 → HTML → 常规 → 确保勾选「启用 HTML IntelliSense」和「启用属性筛选」
- Trae：右下角看是否有
HTML Language Server，若为Not Running，执行trae.languageserver.start()（需等 3–5 秒才更新状态） - VS Code：检查是否安装了
ESLint、Prettier等插件干扰——它们可能劫持语言模式，临时禁用后测试 - Visual Studio：若项目含
web.config且含<xhtmlConformance>，注释掉该节点，再将「验证目标版本」设为HTML5 - CSS 属性值补全（如
color: red）依赖css.suggest.properties开启，且style标签或.css文件的语言服务必须运行
语言服务器跑起来没？
补全不是纯前端逻辑，得有后端服务实时分析代码结构。常见失效表现是：标签能提示，但 class="" 里不列 CSS 类、import 语句无路径建议：
立即学习“前端免费学习笔记（深入）”；
最容易被忽略的其实是文件上下文：.html 是模板还是静态页？是否嵌在 .vue/.svelte 里？有没有被 files.associations 错误映射成其他语言？补全失效时，别急着装插件，先看右下角那个小标签——它说了算。
