这是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"]
  }
}

我编辑了我的.vscode/settings。通过添加“css. Json”文件。Validate ": false，似乎在没有安装外部库的情况下为我工作。

https://github.com/Microsoft/vscode/issues/14999#issuecomment-258635188

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

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

将其更改为忽略:

完成了!干杯!

还是不明白?跟着图片走

当前推荐的VS代码设置(更新于2022年12月15日)

官方顺风CSS智能感知VS文档

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

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

提示:按Ctrl +，从VS Code打开设置;然后，输入“Files Associations”。

默认情况下，VS Code在编辑“字符串”内容时不会触发补全，例如在JSX属性值中。更新编辑器。quickrecommendations设置可以改善您的体验:

    "editor.quickSuggestions": {
      "strings": true
    }

结合两者，你的设置。Json文件(如果是新的)将看起来像这样:

    {
        "files.associations": {
          "*.css": "tailwindcss"
        },
        "editor.quickSuggestions": {
            "strings": true
        }
    }

来源:https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

以前推荐的VS代码设置(已弃用)

VS Code有内置的CSS验证，当使用tailwind特定的语法时可能会显示错误，比如@apply。你可以在css中禁用它。验证设置:

"css.validate": false

“编辑器。quickrecommendations”设置建议保持不变。结合两者，你的设置。Json文件(如果是新的)看起来类似这样:

{
    "css.validate": false,
    "editor.quickSuggestions": {
        "strings": true
      }
}

现在vscode是可配置的，为了消除这个警告，你可以创建一个名为"。vscode"的文件夹 然后创建一个名为settings。json的新文件 在设置中。Json文件你可以粘贴这个Json

｛ “css.lint。unknownAtRules”:“忽略” ｝

这是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"]
  }
}