规范越早引入越好，规范的约束永远不能太多。什么是样式林？stylelint是一个基于Javascript的代码审查工具，易于扩展，支持最新的CSS语法，也理解类CSS语法。此外，因为它是基于JavaScript的，所以它比用Ruby开发的scss-lint更快。stylelint是一个强大的现代CSS审查工具，可帮助开发人员执行统一的代码标准并避免样式错误。stylelint由PostCSS提供支持，因此它也可以理解PostCSS解析的语法，例如SCSS。PostCSS是一个使用JS解析样式的插件集合。它可以用来审查CSS代码，也可以增强CSS语法（例如变量和混合宏）。它还支持未来的CSS语法、内联图像等。由于PostCSS解析器，stylelint支持SCSS、Less和新的SugarSS。如果你想实现另一种自定义语法支持，你可以使用PostLess来实现！PostCSS的理念是专注于一件事，并将其做到极致。它目前有200多个插件，并且由于它们都是用JavaScript编写的，因此运行速度非常快。上面的文案如何使用写了一大堆废话，其实不用我多说，既然你已经知道stylelint，说明你遇到了非标准css/scss的问题，发现了它的优势的风格。现在，让我们直接进入主题。安装npminstallstylelint，在package.json中添加如下配置（参考），其中rules`包含了我自己添加的一些配置。“stylelint”：{“extends”：“stylelint-config-standard”，“rules”：{“string-quotes”：“single”，“property-no-unknown”：[true，{“ignoreProperties”：[“composes"]}],"selector-pseudo-class-no-unknown":[true,{"ignorePseudoClasses":["global"]}]}}这里我想重点说一下stylelint-config-standard，配置是stylelint官方推荐的配置，如果在其基础上进行扩展，会事半功倍。我们在代码提交时需要校验的结果是在代码提交时进行css/scss校验，不符合格式的代码禁止提交。这里，我们需要用husky配置githubhooks。npminstallhusky--save-dev在package.json中添加：//编辑package.json{"scripts":{"precommit":"stylelintcss/*.scss","...":"..."}}以下目录可自行修改，实现commit前的css/scss代码验证。插件在提交之前验证代码是不够的。我们追求的是写完不符合规范的css/scss代码后直接在编辑器中提示。WebStormWebStorm天然支持stylelint，只需要在settings中启用并配置安装包路径即可。sublimeSublimeLinter-contrib-stylelintAtomlint-stylelint
