今天我们发布了一个新的版本的 Visual Studio Code 的 Tailwind CSS IntelliSense 扩展，它向您的 CSS 和标记添加了特定于 Tailwind 的 linting。
检测 CSS 中的错误
Tailwind 已经可以检测 CSS 错误，例如当您在 @screen 指令中输入错误的屏幕名称时。Tailwind CSS IntelliSense 的 linting 功能会显示这些错误，并将其上下文直接展示在您的编辑器中。linter 将验证您的 @tailwind、@screen、@variants 和 @apply 指令，以及任何 theme 函数调用：
捕获 HTML 中的冲突
还有一条 lint 规则分析您模板文件中的类列表，并突出显示任何看似存在冲突的工具。例如，您可能不打算在同一个类列表中同时出现 mt-4 和 mt-6！
包含快速修复
为了尽可能简化修复问题的过程，所有 lint 规则都有自己的“快速修复”，可以直接在 Visual Studio Code 中触发。如果您不小心输入了 @screen small 而不是 @screen sm，编辑器可以自动将 small 替换为 sm！
除了简单的文本替换外，还有一些更复杂 lint 规则的有趣快速修复。看看这个扩展如何自动重构无效的 @apply 指令：
配置
我们相信您会喜欢这个新的 lint 功能，但是如果您不喜欢，或者只是想调整一些行为，我们也为您考虑到了。您可以决定每条规则违规的处理方式：是 error，还是只是 warning，或者您想完全 ignore 该规则？如果您真的想，也可以通过新的 tailwindCSS.validate 设置完全禁用 linting。
请查看 扩展说明，了解更多关于配置 lint 规则以适合您的工作流程的详细信息。
结论
Linting 现在在 Tailwind CSS IntelliSense 的 v0.4.0 版本中可用！如果您已经安装了该扩展，您可能需要重新加载 Visual Studio Code 以获得更新，而如果您没有，您可以通过 扩展市场 进行安装。
这是该功能的第一次迭代，我们期待您的反馈！您对新的 lint 规则有想法吗？让我们知道！
想讨论这篇文章吗？ 在 GitHub 上讨论这篇文章 →