介绍
stylelint-config-fransvilhelm-order 是一个 npm 包，它提供一套 CSS 属性顺序的规则，帮助你保持你的项目中 CSS 代码的一致性和风格。
安装
使用 npm 安装：
npm install stylelint-config-fransvilhelm-order --save-dev
使用
首先确保在你的项目中安装了 stylelint。
在你的项目的罗列出的 .stylelintrc 文件中，添加 "extends" 配置：
{
"extends": "stylelint-config-fransvilhelm-order"
}如果要覆盖规则中的某些属性，可以在 .stylelintrc 中按照如下示例添加：
-- -------------------- ---- -------
-
---------- --------------------------------------
-------- -
------------------------- -
-----------
------
--------
---------
-------
----------
-------
--------------
------------------
--------
------------
------------
---------
-------------
-------------
----------
---------
---------
-------------
--------
-------
-------------
-------------
-
-
-规则
stylelint-config-fransvilhelm-order 中包含了一些常用的 CSS 属性顺序规则。这里列举其中的一些，供你参考：
布局样式
position,top,right,bottom,left,display,flex,align-items,justify-content盒模型样式
width,max-width,min-width,height,max-height,min-height,padding,margin,border外观样式
background,color,font,text-align,line-height
除此之外，你也可以根据你的需求自定义规则。具体使用参考上一节。
示例
以下是一份示例 .stylelintrc，包含了常用的规则和自定义规则：
-- -------------------- ---- -------
-
---------- -
-----------------
--
---------- --------------------------------------
-------- -
-------------- -
-
-------------------
--------------------
-
------- ----------
------- ---------
--
-
------- ----------
------- ---------
--
---------------
-
------- -------
----------- --------
--
-
------- -------
----------- ---------
--
-
------- -------
----------- ----------
--
-
------- ----------
------- -------
--
----------
--
-
----------- -------
-
--
------------------------- -
-----------
------
--------
---------
-------
----------
-------
--------------
------------------
--------
------------
------------
---------
-------------
-------------
----------
---------
---------
-------------
--------
-------
-------------
-------------
-
-
-结论
如果你想保持你的项目中 CSS 代码的一致性和风格，stylelint-config-fransvilhelm-order 是个不错的工具，它可以帮助你快速定制 CSS 属性顺序的规则。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005579081e8991b448d48f0