如何修复VSCode自动补全功能失效问题？

检查文件关联类型 #

确保当前编辑的文件被VSCode正确识别为HTML类型：

• 点击VSCode右下角的语言模式标识（如显示JavaScript或其他），切换选择HTML。
• 若编辑的是Vue、React等框架文件，确认对应扩展（如Vetur、React官方插件）已正确启用，且文件被关联到对应语言模式。

排查扩展冲突 #

部分第三方补全/代码片段扩展可能覆盖默认HTML补全逻辑：

• 临时禁用所有第三方代码片段、智能补全类扩展（包括你安装的Javascript (ES6) Code Snippets），重启VSCode后测试div补全是否恢复。
• 逐个重新启用扩展，定位出导致冲突的扩展后，选择移除或调整其优先级设置。

重置HTML补全相关配置 #

恢复VSCode默认的HTML补全规则：

1. 打开设置面板（快捷键Ctrl+,/Cmd+,）
2. 搜索html.suggest.autoClosingTags，确保勾选该选项
3. 搜索editor.snippetSuggestions，将其值设置为top，让代码片段优先于其他补全建议
4. 搜索html.suggest.html5，确保勾选以启用HTML5标签的补全支持

手动添加div代码片段（临时替代方案） #

若以上方法均无效，可手动创建div的自定义代码片段：

1. 打开文件 > 首选项 > 用户代码片段，选择html.json
2. 添加以下配置：

{
  "div标签模板": {
    "prefix": "div",
    "body": [
      "<div>$0</div>"
    ],
    "description": "快速生成闭合div标签"
  }
}

保存后重启VSCode，输入div即可触发自定义补全。

内容的提问来源于stack exchange，提问作者Ryne Carter