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

如styles.css

@tailwind起飞前的;

@tailwind公用事业;


当前回答

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

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

将其更改为忽略:

完成了!干杯!

还是不明白?跟着图片走

其他回答

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

使用VScode,打开用户设置CTRL +,

搜索未知At规则

将Lint从警告更改为忽略

现在vscode是可配置的,为了消除这个警告,你可以创建一个名为"。vscode"的文件夹 然后创建一个名为settings。json的新文件 在设置中。Json文件你可以粘贴这个Json

{ “css.lint。unknownAtRules”:“忽略” }

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

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

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

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

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

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