安装Django扩展后VS Code中HTML文件CSS智能提示失效

以下是几种实用的解决方法，按步骤尝试即可：

• 调整HTML文件的语言模式
  打开出现问题的.html文件，查看VS Code右下角的语言标识（通常显示「Django HTML」），点击该标识，选择「Configure File Association for '.html'...」，再选择「HTML」。此操作会让HTML文件使用默认的HTML语言服务，恢复CSS智能提示；若需要兼顾Django模板语法提示，可参考下方配置方法。

• 修改settings.json兼容两种模式
  打开VS Code设置（快捷键Ctrl+,），搜索「settings.json」并打开编辑，添加以下配置：

  "files.associations": {
      "*.html": "html"
  },
  "emmet.includeLanguages": {
      "django-html": "html"
  },
  "css.validate": true,
  "editor.quickSuggestions": {
      "other": true,
      "strings": true
  }
  

  这段配置既保留Django模板的语法支持，又能让HTML文件启用默认的CSS智能提示功能。

• 确认CSS扩展状态
  在扩展面板搜索「CSS Language Features」（微软官方扩展），确保它处于启用状态，若之前被禁用，重新启用即可。

• 重新加载VS Code窗口
  完成上述配置后，按Ctrl+Shift+P打开命令面板，输入「Reload Window」并执行，让所有配置生效。

• 检查CSS文件的引入路径
  确保HTML文件中通过<link>标签正确引入CSS文件，比如使用Django的static标签：

  <link rel="stylesheet" href="{% static 'css/style.css' %}">
  

  同时确认VS Code能识别到该CSS文件的路径，智能提示需要读取到对应CSS内容才能正常工作。

内容的提问来源于stack exchange，提问作者Giulio Zorzi