VSCode中Django-HTML页面Tailwind CSS IntelliSense无法工作求助

• 确认文件语言模式
  打开任意Django模板文件，点击VSCode右下角的语言模式标识，选择Configure File Association for '.html'...，将.html文件关联设置为django-html。

• 补充完善settings.json配置
  你现有的配置需要补充两项关键设置，修改后的完整配置如下：

  "tailwindCSS.includeLanguages": {
      "html": "html",
      "django-html": "html",
      "javascript": "javascript",
      "css": "css"
  },
  "editor.quickSuggestions": {
      "strings": true
  },
  "css.validate": false,
  "tailwindCSS.emmetCompletions": true,
  "editor.inlineSuggest.enabled": true,
  "files.associations": {
      "*.css": "tailwindcss",
      "*.html": "django-html"
  },
  "tailwindCSS.experimental.classRegex": [
      "class=\"([^\"]*)\"",
      "class='([^']*)'",
      "class=([^\\s]*)"
  ]
  

  其中*.html关联django-html确保文件被正确识别，classRegex让插件能解析Django模板中各类写法的class属性。

• 重载VSCode窗口
  按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入Reload Window并执行，使配置生效。

• 检查Tailwind配置文件
  确保项目根目录存在tailwind.config.js或tailwind.config.ts，插件依赖该文件生成提示；若配置文件不在根目录，需在settings.json中添加路径指定：

  "tailwindCSS.configPath": "./your/path/tailwind.config.js"
  

• 排查插件冲突
  暂时禁用其他HTML相关插件，测试是否因插件冲突导致提示失效。

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