VSCode是否有扩展可检测HTML中未定义的CSS类名错误？

不需要额外写复杂脚本，安装对应扩展加少量配置就能实现实时标错：

• 首选安装Tailwind CSS IntelliSense（Tailwind官方扩展）
  它默认内置全量Tailwind内置类的校验，你打错的spacey-4（正确为space-y-4）、未在Tailwind配置中声明的bg-prim这类错误，输入完成就会直接加红色波浪下划线提示。只要把你的独立style.css路径添加到扩展设置的Tailwind CSS: Include Files项中，你在style.css里自定义的类也会被纳入校验范围，不会出现自定义类被误报的问题。
• 搭配安装HTML CSS Support扩展
  这个扩展会全局扫描项目下所有CSS文件中定义的类名，不管是Tailwind生成的还是你自己手写的自定义类，只要没有对应定义的类名都会被标记，鼠标悬停在错误类名上会直接提示无匹配CSS定义，完全覆盖你要的检测需求。
• 如需更严格的校验规则，可以加装Stylelint扩展
  开启no-unknown-class规则后，除了编辑时的实时提示，保存文件、本地构建时都会自动扫描全文件的类名，把所有未定义的类名统一输出报错，完全避免漏检。

小提示：如果项目里存在动态拼接的类名（比如bg-${status}-100这类写法），可以在对应扩展的配置里添加类名白名单，避免正常动态类被误报。

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