Stylelint

当团队需要统一CSS编码风格、捕获潜在错误时，Stylelint提供超过100条内置规则，并支持通过插件扩展自定义规则，可自动修复部分问题，被Google、GitHub等公司采用。

它能做什么

Stylelint的核心能力覆盖错误避免与约定强制两大维度。错误检测方面，可识别畸形网格区域、重复选择器、拼写错误的属性名称等无效或有问题代码；约定强制方面，支持禁止特定单位、强制自定义属性命名模式、限制ID选择器数量、指定现代色彩函数符号等。

• 自动修复: 对符合条件的问题自动应用修复，减少人工修改成本
• 嵌入样式提取: 从HTML、Markdown、CSS-in-JS模板字面量中提取并检查内联样式
• 类似CSS语言解析: 支持SCSS、Sass、Less、SugarSS等预处理语法
• 可共享配置: 创建或扩展共享配置，便于团队统一规则
• 15000+单元测试: 确保检查逻辑的稳健性

怎么上手

官方中文站提供从入门到进阶的完整指南。用户指南涵盖安装、配置、规则选择、代码忽略方法，以及CLI、Node.js API、PostCSS插件三种使用方式。开发者指南则面向需要编写自定义规则、插件、语法或格式化程序的用户。

• 入门: 快速安装与基础配置步骤
• 配置: 通过JSON或JS文件定义规则与选项
• 规则: 内置规则列表及参数说明
• 忽略代码: 使用注释或配置文件跳过特定代码段
• CLI: 命令行直接运行检查与修复
• Node.js API: 在构建工具或脚本中集成
• PostCSS插件: 作为PostCSS管道的一部分使用

与同类工具的差异

Stylelint与Prettier定位互补：Prettier负责代码格式化（美化打印），Stylelint专注于逻辑检查与规范强制。官方明确建议两者配合使用，而非替代。此外，Stylelint的非强制约束（unopinionated）设计允许用户根据需求定制，而非强加特定风格。

• 非强制约束: 不预设编码风格，规则完全可自定义
• 插件生态: 支持创建私有或公开插件，扩展检查维度
• 社区信任: 被Google、GitHub、WordPress等大型项目采用
• 迁移指南: 提供从14.x到16.x的版本迁移文档，降低升级成本

常见问题

Q1：Stylelint能否检查SCSS或Less文件？

A1：可以。Stylelint内置对类似CSS语言的支持，包括SCSS、Sass、Less和SugarSS，无需额外配置即可解析这些语法。

Q2：Stylelint与Prettier一起使用时如何避免规则冲突？

A2：Stylelint官方建议将Prettier作为格式化工具，Stylelint作为检查工具。可通过stylelint-config-prettier等共享配置关闭与Prettier冲突的规则，或使用stylelint-prettier插件将Prettier作为Stylelint规则运行。

Q3：如何创建自定义Stylelint规则？

A3：开发者指南中详细说明了编写规则的流程：基于PostCSS AST遍历节点，定义ruleName、messages、meta和核心逻辑函数，通过report函数报告错误。官方示例仓库提供了完整模板。

更多同类工具与网站,可在前端库分类继续挑选。

信息核实于 2026年7月,具体以官网为准。