如何让vscode识别Tailwind的@apply？

Question

我正在纯 CSS 模式下编写 Vuejs + Tailwindcss，一切正常（即应用程序按代码预期工作）。

由于我使用 vscode，所以我根据 Tailwindcss 建议配置了它，并且 Intellisense 工作正常。

令人讨厌的一件事是 vscode 将指令突出显示为

Unknown at rule @tailwind

与

@apply

相同（Tailwind

@apply

，不是废弃的 CSS）。

有办法解决这个问题吗？

---

注意：之前的一个问题提到了这个问题，但它使用的是Sass，建议使用纯CSS，这就是我的情况。

Answer 1

根据 自述文件，有一个 Tailwind CSS 语言模式：

Tailwind CSS 语言模式

VS Code 内置 CSS 语言模式的替代方案，即使在使用 Tailwind 特定的 at 规则时也能保持完整的 CSS IntelliSense 支持。还提供了语法定义，以便在所有 CSS 上下文中正确突出显示特定于 Tailwind 的语法。

可以在 VSCode 设置中启用它按照自述文件：

使用

files.associations

设置告诉 VS Code 始终在 Tailwind CSS 模式下打开

.css

文件：

"files.associations": {
  "*.css": "tailwindcss"
}