确保安装PostCSS语言支持，在VSCODE中找到扩展。 这将删除正在显示的错误。

@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325

VS市场链接:https://marketplace.visualstudio.com/items?itemName=csstools.postcss

注意:从VS Code中卸载PostCSS智能感知和高亮扩展，否则它将无法工作。

只需进入设置(ctrl +，)的快捷方式。

打开设置，搜索“未知”，第一个结果应该是你要找的:CSS > Lint: unknown At Rules:

将其更改为忽略:

完成了!干杯!

还是不明白?跟着图片走

根据tailwindcss-intellisense github库:

VS代码推荐设置

files.associations

使用这些文件。associations设置告诉VS Code总是在顺风CSS模式下打开。CSS文件:

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

它修复了@顺风警告，并增加了顺风指令，功能的智能感知

关于tailwindcss智能感知扩展的更多信息可以找到 在github存储库

这是vscode内置列表提供的at-rule-no-unknown规则。

为了摆脱它，你需要做以下事情:

1. 安装styelint扩展代码——Install -extension styelint . vcode - styelint

2. 安装styelint推荐配置

3.在vscode USER SETTINGS中添加这两行

"css.validate": false, // Disable default css built-in lint
"stylelint.enable": true, // Enable stylelint
"scss.validate": false, // Disable scss lint (optional if using scss)

4. 将这些行粘贴到项目根目录中名为.stylelintrc的文件中，如果它不存在，则创建它。更多关于stylelint配置的信息请访问这个链接:https://stylelint.io/user-guide/

{
  "extends": "stylelint-config-recommended",
  "rules": {
    "at-rule-no-unknown": [ true, {
      "ignoreAtRules": [
        "extends",
        "tailwind"
      ]
    }],
    "block-no-empty": null,
    "unit-allowed-list": ["em", "rem", "s"]
  }
}

我知道现在回答已经太迟了，但是当我处理CSS和SCSS时，这对我来说是有效的。在你的设置中。添加/编辑下面的代码。

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

在这里输入图像描述 对于Vue 3，您可能尝试安装Vue 3支持扩展