什么是 @ufhealth/stylelint-config-standard
@ufhealth/stylelint-config-standard 是一个基于 stylelint 规范定制的 npm 包，可以帮助前端开发者在代码样式风格上做到统一。
使用方式
首先需要安装依赖：
npm install @ufhealth/stylelint-config-standard --save-dev
然后在项目中的 .stylelintrc 配置文件中使用该规范：
{
"extends": "@ufhealth/stylelint-config-standard"
}配置项说明
@ufhealth/stylelint-config-standard 基于 stylelint 规范并进行了优化和扩展，包含以下配置：
- stylelint-config-standard：规范文档地址
- stylelint-prettier：规范文档地址
- stylelint-scss：规范文档地址
- stylelint-order：规范文档地址
示例代码
例如，在 React 项目中，可以使用以下配置：
-- -------------------- ---- -------
-
---------- --------------------------------------
---------- ------------------- ------------------
-------- -
-------------- -
--------------------
--------------
--
------------------------- -
-----------
------
--------
---------
-------
----------
---------
--
---------------------------------------------- ----
-
-以上配置使用了 stylelint-order 和 stylelint-scss 插件，分别对样式的规则进行了优化和扩展，借助样式层叠时避免了冗余选择器。
总结
@ufhealth/stylelint-config-standard 可以帮助前端开发者在样式书写上做到规范统一，提高代码质量。当然，在实际项目中，还需要结合具体情况进行适当调整，达到最佳效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822d78