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

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

如styles.css

@tailwind起飞前的;

@tailwind公用事业;

当前回答

添加VSCode扩展

添加语言支持

其他回答

你只需要把这些加到

点击文件> preferences > setting.json

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

在setting.json中添加这些代码

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

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

添加VSCode扩展

添加语言支持

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

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

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

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

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

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

推荐文章