Stylelint 是一个强大的样式检查工具，它可以帮助开发者避免在 CSS/SCSS/LESS 样式表中出现错误和低效的代码。下面是一些学习 Stylelint 的建议。
1. 安装和配置
首先，你需要安装 Stylelint。可以通过 npm 或 yarn 来进行安装：
npm install stylelint --save-dev
# 或者
yarn add stylelint --dev
安装完成后，你需要创建一个配置文件来配置 Stylelint。可以使用命令 stylelint --init 生成一个默认配置文件，并根据项目需求进行修改。推荐将配置文件放置在项目根目录下，以便于维护。
2. 规则集
Stylelint 提供了大量的规则集，可以帮助开发者检查样式表中潜在的问题，比如语法错误、无用的选择器、重复的属性等。这些规则集可以通过配置文件进行启用和禁用，也可以自定义规则集。
推荐使用一份常用的规则集，比如 stylelint-config-standard，然后根据需要进行添加和修改。配置方法如下：
// .stylelintrc.js
module.exports = {
extends: ['stylelint-config-standard'],
rules: {
// 自定义规则
}
}
3. 集成到编辑器
为了方便地进行样式检查，可以将 Stylelint 集成到编辑器中。常见的方式是通过插件来实现，比如 VS Code 中的 stylelint 插件。这样，当你在编辑器中编写样式表时，就能够直接看到错误和警告提示，避免了提交代码前的繁琐检查工作。
4. 自动修复
除了给出错误和警告提示外，Stylelint 还可以自动修复部分问题，比如空格、括号等常见的语法问题。这可以通过命令行参数 --fix 或者在编辑器中使用插件来实现。自动修复可以大大减少手动修改代码的工作量，提高开发效率。
5. 学习和参考
最后，学习 Stylelint 的最好方式就是查看官方文档和示例，并将其应用到实际项目中。以下是一些值得参考的资源：
总之，使用 Stylelint 可以让开发者避免很多在样式表中易犯的错误和低效的代码，从而提高项目的可读性和可维护性。
