使用 stylelint检查CSS_StyleLint

当然，还有一定的规则在你的非标准语法面前得到羁绊(如迷惑于Sass id选择器的 #{$interpolation})。因为stylelint试图掩盖我们样式表的样式 - 一些人使用标准CSS，一些人使用扩展语言如SCSS，一些人使用一些怪异的自定义属性等等 - 这些难免都会产生一些漏洞需要去填补。但是，我们一直在处理我们找到的这些错误；在此期间的任何规则可以完全被关闭或者逐次样式表或者逐次行的进行禁用。

stylelint是否可以使用未来CSS语法？

是的！类似于上面所述的答案: stylelint可以理解PostCSS所理解的任何东西，包括启用未来任何的CSS语法(可能通过PostCSS插件)。事实上，一些stylelint规则专门处理未来CSS语法和一些自定义属性。

stylelint配置是巨大的，我应该从哪儿开始呢？

我们建议三种配置方式:

扩展一个发布的配置。我们维持stylelint-配置标准，以便于为用户提供一个固有的基准。并且许多的配置也已经公布。从头开始，一次添加一条规则。默认情况下，没有一条规则被开启，所以通过手动添加规则你就会知道哪一个会被强制执行，并且可以理解你添加的每条规则。启动复制粘贴配置，决定使用哪些选项并选择性进行删除。

值得庆幸的是，你不需要一遍又一遍的书写巨大的stylelint配置。你可以选择一个你喜欢的风格并且可以在任何地方使用它。

运行stylelint最简单的方式？

对于大多数人而言，最简单的方式就是通过它的命令行。

如果你更偏爱gulp插件，你可以使用gulp-stylelint。对于webpack，这里有很多选择的可能性。我们希望这些插件可以激励你们创建其它的stylelint插件，例如，适用于Grunt的插件。(你可以在开源项目中去寻找！)

你也可以使用PostCSS 插件运行stylelint，包括插件中所包含的任何东西。这就意味着你可以在任何可以使用PostCSS(几乎涵盖于每一个编译工具)的地方使用stylelint！

此外，这里也存在一个适用于Atom，Sublime Text，VS Code的stylelint文本编译插件，以提供最快的反馈。关于更多信息，请查阅 stylelint 网站上的互补工具列表。

如下所示，在命令行中，你所期待看到的结果:

在Atom中显示如下；

stylelint是否可以修补我的错误？

不，但是另外一个叫做stylefmt旨在做到这一点。它需要一个stylelint配置 - 十分类似于你在linting使用的 - 并且可以修复任何错误。我们希望随着社区人员的贡献，stylelint可以发展到自动修补违反stylelint规则的错误。请帮他们实现这个目标！

你也可以使用其它的工具，例如CSScomb或者与stylelint联合使用的perfectionlist，自动修复并自动强制休息。

使用linting进行约束补充

在良好的CSS中有巨大数额的约束。这就是为什么我们花费大量的时间讨论 SMACSS, ACSS, BEM, SUITCSS, ITCSS等等的方法。我们都知道书写糟糕的CSS是十分容易的，所以，如果让我们不再畏惧于CSS样式的书写，我们需要在工作中建立一个智能化的战略并勇敢的坚守下去。

stylelint的目标是自动执行 —— 提供一套核心规则和一个可插拔的框架以便于CSS 作者可以使用来执行自己的战略。

试一试，让我们知道如何为你提供服务。如果你有相关更好的改进想法，如贡献规则、 增强功能、 测试、 修复bug、 文件、 新想法或只是反馈，请给我们提出！这样我们所有级别的开发人员就有工作做了。

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!