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

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

如styles.css

@tailwind起飞前的;

@tailwind公用事业;

当前回答

添加VSCode扩展

添加语言支持

其他回答

你只需要把这些加到

点击文件> preferences > setting.json

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

在setting.json中添加这些代码

经过多次测试: POSTCSS和STYLUS语法高亮显示，删除警告，但CSS智能是不完整的，不显示第一实用工具类顺风

我在VSCode中安装了'language-stylus'插件

>用户设置:

"files.associations": {
   "* .css": "stylus"
 },

再见!

CSS智能是不完整的

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

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

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

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

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

推荐文章