介绍
在前端开发中，保持代码风格的统一性十分重要。针对 CSS 的代码风格，可以使用 Stylelint 进行检查和规范。而 @fourdigit/stylelint-config-fourdigit 就是一个 stylelint 的配置包，可以帮助团队快速达成一致的代码风格。
安装
安装 @fourdigit/stylelint-config-fourdigit，需要先安装 stylelint：
npm install --save-dev stylelint @fourdigit/stylelint-config-fourdigit
使用
在项目的根目录下新建 .stylelintrc 文件，加入以下内容：
{
"extends": "@fourdigit/stylelint-config-fourdigit"
}现在运行 stylelint 就可以自动使用该配置了。
配置
@fourdigit/stylelint-config-fourdigit 的默认配置如下：
-- -------------------- ---- -------
-
---------- -------------------------------
-------- -
--------------------- ------ -
---------------- ---------- -------- ---------- ---------- -------- ----- ------- ------- ------
---
---------------------------- ----
-
-从 stylelint-config-recommended 继承，只对一些常见的 at-rule 进行了忽略，同时关闭了 no-descending-specificity 规则。如果需要更改配置，可以在 .stylelintrc 文件中修改或添加。
比如，添加对于单位缩写的检查：
{
"extends": "@fourdigit/stylelint-config-fourdigit",
"rules": {
"unit-no-unknown": true
}
}示例代码
以下是一段使用了 @fourdigit/stylelint-config-fourdigit 的 CSS 代码：
-- -------------------- ---- -------
---- -
------- - -----
-------- ---- --
---------- -----
------ -----
----------------- -----
------ -
----------- -----
-------- -----
---------- -----
------ -----
----------------- -----
-
-使用 Stylelint 和 @fourdigit/stylelint-config-fourdigit 进行检查后，没有任何问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5551ab1864dac66a4f