在前端开发中，代码规范是十分重要的。近年来，使用 lint 工具已经成为了前端开发者的共识。其中，stylelint 作为一个 CSS 的代码检查工具，也变得越来越流行了。而 @avalanche/stylelint-config 则是一个 stylelint 的配置包，提供了 Avalanche 团队在项目中使用的 CSS 代码规范配置。本教程将详细介绍如何使用 @avalanche/stylelint-config。
安装
@avalanche/stylelint-config 需要先安装 stylelint：
npm install stylelint --save-dev
然后，安装 @avalanche/stylelint-config：
npm install @avalanche/stylelint-config --save-dev
配置
在项目根目录下创建一个 .stylelintrc.json 文件，并写入以下内容：
{
"extends": "@avalanche/stylelint-config"
}这样就可以使用 @avalanche/stylelint-config 的所有规则了。
配置示例
以下是一个示例的 .stylelintrc.json 配置文件，可以供参考：
-- -------------------- ---- -------
-
---------- ------------------------------
-------- -
---------------- ---------
----------------------------------- ------ -
---------------------- ----------
--
-
-在这个示例中，我们将引用 @avalanche/stylelint-config 的所有规则，同时，自定义了两个规则：
string-quotes：强制使用单引号。selector-pseudo-class-no-unknown：禁止使用未知假类，但允许使用:global这个假类。
需要注意的是，自定义的规则会覆盖 @avalanche/stylelint-config 中的规则，如果希望在覆盖的基础上追加自定义规则，可以使用数组的方式。
结语
使用代码规范工具可以帮助我们提高开发效率，并且规范化的代码能够让我们的团队协作更加高效。@avalanche/stylelint-config 提供了 Avalanche 团队开发中使用的 CSS 代码规范配置，在项目中使用可以更加方便地符合我们的代码规范，值得一试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcaa5b5cbfe1ea0612476