Unknown at rule @applycss(unknownAtRules)关注在使用windicss时，我们

关注

在使用windicss时，我们应该都会遇到这个问题。

解决方法：

一、安装Stylelint

npm install --save-dev stylelint stylelint-config-standard

二、添加Stylelint配置

创建一个stylelint.config.js文件，内容如下：

module.exports = {
  extends: ["stylelint-config-standard"],
  rules: {
    "at-rule-no-unknown": [
      true,
      {
        ignoreAtRules: [
          "tailwind",
          "apply",
          "variants",
          "responsive",
          "screen",
        ],
      },
    ],
    "declaration-block-trailing-semicolon": null,
    "no-descending-specificity": null,
  },
};

三、安装Stylelint、Tailwind CSS IntelliSense扩展

四、修改VSCode的settings.json文件

1、打开设置

2、编辑settings.json

3、禁用CSS内置验证

"css.validate": false,
"less.validate": false,
"scss.validate": false,

效果如下：

最后重启VSCode，@apply上面的警告应该消失了。

编辑于 2023-04-24 12:39・IP 属地广东

前端开发

赞同添加评论

喜欢收藏申请转载

赞同

评论千万条，友善第一条

还没有评论，发表第一个评论吧

Unknown at rule @applycss(unknownAtRules)

解决方法：

一、安装Stylelint

二、添加Stylelint配置

三、安装Stylelint、Tailwind CSS IntelliSense扩展

四、修改VSCode的settings.json文件

推荐阅读