首先确认VSCode内置的HTML自动补全功能已启用，检查“editor.quickSuggestions”和“html.suggest.enabled”设置项；其次确保Emmet插件在HTML文件中生效，验证“emmet.includeLanguages”包含“html”；然后确认文件语言模式为HTML，可通过右下角状态栏切换或使用.html后缀；最后修改设置后建议重载窗口以确保配置生效。
VSCode 默认就支持 HTML 标签自动补全，但如果你发现功能没生效，可能是设置或插件问题。以下是确保自动补全正常工作的几个关键点。
启用内置的自动补全功能
VSCode 内置了对 HTML 的智能补全支持，只需确保相关设置开启：
- 打开设置（Ctrl + , 或菜单 File > Preferences > Settings）
- 搜索 "editor.quickSuggestions"，确认在 "other" 和 "strings" 中都已启用
- 检查 "html.suggest.enabled" 是否为 true
安装并使用 Emmet 插件（推荐）
Emmet 是提升 HTML 编写效率的核心工具，VSCode 已内置，但需正确使用：
- 输入简写如 div.container>ul>li*3，然后按 Tab 或 Enter
- 确保 Emmet 在 HTML 文件中启用：查看设置中 "emmet.includeLanguages" 是否包含 "html"
- 如果使用其他文件类型（如 .vue 或 .jsx），可能需要手动映射
检查文件语言模式
自动补全只在正确的语言环境下生效：
立即学习“前端免费学习笔记（深入）”；
- 确认右下角状态栏显示语言为 HTML
- 如果不是，点击它并选择“Change Language Mode” → “HTML”
- 也可通过文件扩展名识别，建议使用 .html 后缀
重启编辑器或重载窗口
修改设置后，有时需要重载才能生效：
- 使用快捷键 Ctrl + Shift + P 打开命令面板
- 输入 Reload Window 并执行
