什么是 @sweetalert2/stylelint-config？
@sweetalert2/stylelint-config 是一个样式检查工具 StyleLint 的配置包。它是由 SweetAlert2 团队维护的一款预设配置包，适用于大部分项目。使用 @sweetalert2/stylelint-config 可以快速开始使用 StyleLint 进行代码检查。
如何安装和使用 @sweetalert2/stylelint-config？
安装
安装 @sweetalert2/stylelint-config 非常简单，只需要运行以下命令：
npm install --save-dev @sweetalert2/stylelint-config
使用
安装完毕后，在项目的 .stylelintrc 文件中引用 @sweetalert2/stylelint-config：
{
"extends": "@sweetalert2/stylelint-config"
}为什么要在 .stylelintrc 文件中加入 extends？
StyleLint 允许你通过 extends 属性来继承其他的配置文件。使用 extends 属性可以帮助我们节省时间和精力，避免重新配置 StyleLint 的规则。
引用了 @sweetalert2/stylelint-config 后，就可以开始使用 StyleLint 进行代码检查了。
配置选项
@sweetalert2/stylelint-config 包含了大量的样式检查规则，这些规则可以帮助你在开发中发现并避免一些常见的错误。例如，禁止使用无效的选择器、不允许使用 !important 等等。
查看 @sweetalert2/stylelint-config 的所有配置选项，可以通过运行以下命令查看：
npx @sweetalert2/stylelint-config
示例代码
下面是一个示例代码：
-- -------------------- ---- -------
-- ------ --
------- -
------ ----- -----------
-
-- ----- --
------- -
------ ------
-上面的示例代码中，第一段代码使用了 !important，这是一个不推荐的写法。而第二段代码避免使用了 !important，这是一个推荐的写法。使用 @sweetalert2/stylelint-config 就可以自动地检查出这种错误。
总结
在前端开发中，使用 StyleLint 进行代码检查能够帮助我们发现一些潜在的错误，提高代码质量和可维护性。而使用 @sweetalert2/stylelint-config 预设配置包，可以帮助我们快速开始使用 StyleLint 进行代码检查。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc19bb5cbfe1ea0611e64