顺风在规则中添加@顺风css,标记为未知。 如何避免这种错误?

如styles.css

@tailwind起飞前的;

@tailwind公用事业;


当前回答

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

其他回答

SCSS

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

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

"scss.validate": false,

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

添加以下3个设置:

"css.validate": false,
"scss.validate": false,
"stylelint.enable": true,

你只需要把这些加到

点击文件> preferences > setting.json

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

在setting.json中添加这些代码

添加VSCode扩展

添加语言支持

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

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

如果顺风css不像未知规则引起的错误那样工作,你需要重新构建它。例如,如果你已经在本地环境中运行了npm run dev,你可以用ctrl + c退出并再次运行npm run dev来创建一个正常的纯CSS文件,这将使顺风CSS工作。

这正是我所遇到的问题以及我是如何解决它的。