如何添加一个@顺风CSS规则CSS检查

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

如styles.css

@tailwind起飞前的;

@tailwind公用事业;

当前回答

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

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

其他回答

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

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

添加VSCode扩展

添加语言支持

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

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

SCSS

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

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

"scss.validate": false,

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

添加以下3个设置:

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

如果你使用VS Code，你可以使用PostCSS语言支持插件。

确保将scss文件与PostCSS关联。

推荐文章