共享10个优化代码的CSS和JavaScript工具

检查和测试代码以发现任何潜在的错误是一个非常重要的过程，以便在将其放在网站上之前及时消除它们。代码检查在网页设计者和开发者之间也被称为林挺。作为一个设计者，如果你想写高度优化的代码，你必须需要林挺工具。代码检查工具有两种类型。一种是在执行时检查代码中的错误和bug。另一种是使用静态代码分析技术，在执行前检查代码。后者显然更好，因为它可以节省时间和麻烦。

事实上，林挺可以分为不同的阶段。如果您喜欢在键入时测试代码，可以使用lint工具。当然，如果您希望在保留文件或执行阶段对代码进行lint，那么lint工具可以按照您的意愿进行操作。这取决于个人的选择。如果你正在寻找最好的CSS和JavaScript林挺工具，请继续阅读。

1.CSSLint

诚然，CSSLint会“伤害你的感情”，但作为交换，它会“大大改进你的代码”。目前，CSSLint领先于CSSlinting市场。它是用JavaScript编写的，不仅是开源的，还附带了很多配置选项。

2.升华线

CSSLint是一个如此高效的CSSlinting工具，以至于很难找到与之匹配的竞争对手。也许这就是为什么升华链接框架在CSSLint之上构建其CSSlinting插件的原因。升华器是一个升华文本插件，为用户提供lint代码(CSS、PHP、Python、Java、Ruby等)。).

3.StyleLint

StyleLint可以帮助开发人员避免CSS、SCSS或任何其他postscript可以解决的语法错误。StyleLint已经测试了100多条规则，您可以选择想要切换的规则(参见这个配置示例)。

4.W3C CSS验证器

虽然W3C CSS Validator通常不被视为林挺工具，但它为开发人员检查符合W3C官方标准的CSS代码提供了一个很好的机会。W3C建立了自己的验证程序，旨在为C语言提供一个类似Lint程序检查器的工具。

5.脏标记

脏标记可以清理、格式化和验证你的HTML、CSS和JavaScript代码。如果你喜欢简单直接的设计，想要一个快速的解决方案，那就选择它。当您在编辑器中编写或修改代码时，脏标记会实时抛出错误消息和通知。

6.JSLint

JSLint最初是由道格拉斯克洛克福特在2002年发布的，从那以后它蓬勃发展，因此您可以放心地假设它是一个稳定可靠的JavaScript林挺工具。

7.JSHint

JSHint是一个社区驱动的项目，它从尝试创建一个更可配置且不那么顽固的JSLint版本开始。JSHint允许开发人员配置其任何林挺选项，然后将定制的配置放入单独的文件中，这使得该工具易于重用，因此非常适合大型项目。

8.ESLint

ESLint是JavaScript林挺宏伟计划中的最新事件。它很受欢迎，因为它具有很高的灵活性。您不仅可以定制大量尖端的林挺规则并将其与所有主要的代码编辑器集成，还可以通过添加不同的插件轻松扩展它们的功能。

9.JSCS

JSCS，或JavaScript代码风格，是JavaScript的可插拔代码风格，用于检查代码格式规则。JSCS的目标是提供一种通过编程实现符合某种编码风格的指南的方法。虽然JSCS不检查bug和错误，但它仍然被许多高科技行业的参与者使用，例如谷歌、AirBnB和AngularJS，因为它可以帮助开发人员保持高度可读和一致的代码库。

10.标准JS

StandardJS，或者JavaScript Standard Style，是一种代码风格，有点像JSCS，但是区别更简单直接。如果你不想花时间在配置上，只想要一个开箱即用的高效工具，那么StandardJS是一个很好的选择。

翻译链接：http://www.codeceo.com/article/10-CSS-JavaScript-lining-tool.html原文英文：10 CSS和JavaScript内衬工具用于代码优化。