项目中如何使用stylelint来规范css?

1.为什么要使用stylelint?

Stylelint 是一个强大的 CSS 静态分析工具，用于帮助开发者遵循一致的 CSS 代码风格和最佳实践。它可以检查 CSS 代码中的错误、不一致的命名约定、不推荐的用法，以及其他潜在的问题。

比如说:我们在写css代码时，一般不注重css的书写顺序，那么stylelint就会帮助我们来规范css的书写顺序。这里涉及到css的书写顺序，简单科普一下css书写顺序。

（1）定位属性：position  display  float  left  top  right  bottom   overflow  clear   z-index

（2）自身属性：width  height  padding  border  margin   background

（3）文字样式：font-family   font-size   font-style   font-weight   font-varient   color   

（4）文本属性：text-align   vertical-align   text-wrap   text-transform   text-indent    text-decoration   letter-spacing    word-spacing    white-space   text-overflow

（5）css3中新增属性：content   box-shadow   border-radius  transform 等

规范css书写顺序目的是为了减少浏览器reflow（回流），提升浏览器渲染dom的性能

注:css书写顺序引用 css样式的书写顺序及原理——很重要！-优快云博客https://blog.youkuaiyun.com/qq_36060786/article/details/79311244

2.开始stylelint的配置 

2-1 打开编辑器，进入根目录package.json文件，将