Skip to main content

stylelint

Stylelint 是一款强大的 CSS 样式格式化和检查工具，包括 CSS 预处理器，并能检查属性拼写错误。

Getting started | Stylelint

配置文件示例：

.stylelintrc.json
{
  "extends": ["stylelint-config-recommended", "stylelint-config-standard"],

  "rules": {
    "indentation": 4
  }
}

如何与 Prettier 配合使用​

Prettier 与 Stylelint 相结合可以更好地管理和格式化 CSS 样式。Prettier 特别为 Stylelint 开发了 stylelint-config-prettier，以避免与 Stylelint 发生冲突。 prettier/stylelint-config-prettier

安装 stylelint-config-prettier.​

npm install --save-dev stylelint-config-prettier

在 Stylelint 配置文件中添加以下内容：

{
  "extends": ["stylelint-prettier/recommended"],
  "plugins": ["stylelint-prettier"],
  "rules": {
    "prettier/prettier": true
  }
}

通过以上步骤，您可以在 CSS 预处理器中使用 Stylelint 和 Prettier，并通过特定规则进行检查和格式化，增加代码的可读性和可维护性。

总结​

Stylelint 是一款帮助程序员管理和格式化 CSS 样式的工具。使用 Stylelint，您可以快速地发现 CSS 样式中的错误和编码规范问题，并避免代码格式上的重复劳动。同时，配合 Prettier 可以更好地格式化代码，提升代码质量和可维护性。