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

如styles.css

@tailwind起飞前的;

@tailwind公用事业;


当前回答

在这里输入图像描述 对于Vue 3,您可能尝试安装Vue 3支持扩展

其他回答

SCSS

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

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

"scss.validate": false,

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

添加以下3个设置:

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

根据tailwindcss-intellisense github库:

VS代码推荐设置

files.associations

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

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

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

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

添加VSCode扩展

添加语言支持

只需进入设置(ctrl +,)的快捷方式。

打开设置,搜索“未知”,第一个结果应该是你要找的:CSS > Lint: unknown At Rules:

将其更改为忽略:

完成了!干杯!

还是不明白?跟着图片走

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

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

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

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