stylelint vs eslint: CSS 和 JavaScript 代码检查工具的比较

stylelint 和 eslint 是两个不同的工具，主要用于检查不同类型的代码。以下是它们的区别：

1. 用途不同：

• stylelint 主要用于检查 CSS 和预处理器（例如 Sass、Less）的代码规范和错误。
• eslint 主要用于检查 JavaScript 的代码规范和错误。

2. 检查语法不同：

• stylelint 检查的是 CSS 的语法和规范，例如选择器、属性、值等。
• eslint 检查的是 JavaScript 的语法和规范，例如变量、函数、语句等。

3. 配置方式不同：

• stylelint 和 eslint 都可以通过配置文件进行配置，但是它们的配置方式不同。
• stylelint 使用的是 JSON 格式的配置文件，而 eslint 使用的是 JavaScript 格式的配置文件。

4. 插件和规则不同：

• stylelint 和 eslint 都有很多插件和规则可以使用，但是它们的插件和规则不同。
• stylelint 的插件和规则主要是针对 CSS 和预处理器的，例如 autoprefixer、scss、order 等。
• eslint 的插件和规则主要是针对 JavaScript 的，例如 react、vue、import 等。

总之，stylelint 和 eslint 都是非常有用的代码检查工具，它们可以帮助开发者提高代码质量和规范性。