只需在设置中添加三行。json文件

"css.lint.unknownAtRules": "ignore",
"css.validate": true,
"scss.validate": true,

经过多次测试: POSTCSS和STYLUS语法高亮显示，删除警告，但CSS智能是不完整的，不显示第一实用工具类顺风

我在VSCode中安装了'language-stylus'插件

>用户设置:

"files.associations": {
   "* .css": "stylus"
 },

再见!

CSS智能是不完整的

只需在设置中添加三行。json文件

"css.lint.unknownAtRules": "ignore",
"css.validate": true,
"scss.validate": true,

当前推荐的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
      }
}

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

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

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

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

根据tailwindcss-intellisense github库:

VS代码推荐设置

files.associations

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

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

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

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