SCSS

如果你正在使用顺风的SASS，你仍然会在你的.scss文件中看到错误，使用这些前面的答案。

要正确地lint SASS，你可以添加到你的VS Code设置:

"scss.validate": false,

按照@hasusuf的指示，但关闭默认的VS Code验证器:

添加以下3个设置:

"css.validate": false,
"scss.validate": false,
"stylelint.enable": 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语言支持，然后重命名tailwind.css为tailwind。然后PCSS更改包中的引用。Json脚本(或任何构建脚本你正在使用顺风)顺风。PCSS从顺风。css和一切应该工作正常。

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

添加VSCode扩展

添加语言支持

1. 只需进入设置(ctrl +，)的快捷方式。 2. 在搜索栏中搜索CSS。 3.查找(CSS> Lint:未知At规则) 4. 从下拉选项中选择“忽略”。

这忽略了警告。如果你不介意的话。

你只需要把这些加到

点击文件> preferences > setting.json

“css.lint。unknownAtRules”:“忽略”, “css。验证”:没错, “scss。验证”:没错,

在setting.json中添加这些代码