visual-studio-code - 如何在CSS检查器中添加@tailwind CSS规则

Tailwind在标记为未知的规则处添加@tailwind css。
如何避免此错误？

例如styles.css@tailwind preflight;@tailwind utilities;

最佳答案

这是vscode的内置列表提供的“无规则”规则。
为了摆脱它，您需要执行以下操作:
1 。安装stylelint扩展code --install-extension stylelint.vscode-stylelint 2 。安装stylelint建议的配置npm install stylelint-config-recommended --save-dev 3 。在您的vscode用户设置中添加这两行

"css.validate": false, // Disable css built-in lint
"stylelint.enable": true, // Enable sytlelint

4 。将这些行粘贴到项目的根目录中的.stylelintrc文件中，如果不存在则创建它。有关stylelint的配置的更多信息，请单击以下链接:https://stylelint.io/user-guide/

{
  "extends": "stylelint-config-recommended",
  "rules": {
    "at-rule-no-unknown": [ true, {
      "ignoreAtRules": [
        "extends",
        "tailwind"
      ]
    }],
    "block-no-empty": null,
    "unit-whitelist": ["em", "rem", "s"]
  }
}

关于visual-studio-code - 如何在CSS检查器中添加@tailwind CSS规则，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47607602/