linting_10个用于代码优化CSS和JavaScript Linting工具

整理工具可以极大地帮助开发人员编写高质量，优化的代码 。 Linting是一个代码检查过程，用于查找源代码中的错误并标记潜在的错误。 大多数短毛猫使用静态代码分析技术，这意味着无需实际执行即可检查代码 。

您可以在不同的场合进行操作，例如在编写代码时实时，在保存文件时，在提交更改时或在代码投入生产之前实时进行。 无论您的工作流程是什么，重要的是要定期打毛 ，因为它可以使您免于以后的许多麻烦。

Linter不仅是错误预防工具，还可以在调试过程中有效地使用它们来查找难以捕获的错误 。 在本文中，我们将介绍10种强大的整理工具，您可以使用它们来整理CSS和JavaScript文件，以提高代码质量。

1.

诚然，CSSLint打算“伤害您的感受”，但作为交换，它“会使您的代码变得更好”。 CSSLint目前在CSS linting市场上处于领先地位。 它是用JavaScript编写的，是开源的，并带有大量可配置的选项。

CSSLint允许您选择一种错误和警告 （兼容性，性能，复制等） 要测试 什么 ，并验证您CSS语法对你选择的规则。

它不仅在浏览器中工作，而且具有命令行界面 ，您也可以将其集成到自己的构建系统中。

2.

CSSLint是一种非常有效CSS linter，因此很难找到可以胜任的竞争对手。 这可能就是SublimeLinter linting框架在其顶部构建其CSS linting插件的原因。 SublimeLinter是一个SublimeText插件， 可为用户提供一种在SublimeText编辑器中直接填充其代码（CSS，PHP，Python，Java，Ruby等）的方法 。

在安装SublimeLinter CSSLint插件本身之前，您需要将CSSLint安装为Node.js模块。 这个方便的工具的妙处在于，您只需配置一次设置 ，或者如果您对默认设置感到满意，甚至不必这样做，那么您始终可以在SublimeText中获取相关的警告和通知。编辑器，无需任何其他麻烦。

3.

StyleLint帮助开发人员避免CSS，SCSS或PostCSS可以解析的任何其他语法中的错误 。 StyleLint测试了一百多个规则 ，您可以选择要打开的规则 （请参阅示例config ）。

如果您不想构建自己的配置，则还可以选择包含大约60个StyleLint规则的预编写的标准配置 。 StyleLint是一种非常灵活的工具，可以通过额外的插件进行扩展，并且可以以3种不同的形式使用：作为命令行工具 ， Node.js模块或PostCSS插件 。

4.

尽管通常不认为W3C的CSS验证程序是整理工具，但它为开发人员提供了一个绝佳的机会，可以根据W3C的官方标准检查其CSS源代码。 W3C构建其验证器的目的是提供类似于C语言的Lint程序检查器的工具。

最初，他们创建了HTML标记验证器，之后是CSS验证器。 W3CCSS验证器没有CSSLint那样多的选项，但是它返回详细的，易于理解的错误消息和通知 。

作为一项附加功能，您还可以对照W3C的最新移动网络标准检查代码，这在移动网络时代不是一件坏事。

5.

脏标记清除，格式化和验证HTML，CSS和JavaScript代码。 如果您喜欢简单的设计并想要快速的解决方案，那么这可能是一个不错的选择。 在编辑器中编写或修改代码 时 ，脏标记会实时引发错误消息和通知 。

当您点击“清理”按钮时，它会立即修复语法错误，整理格式，但完整保留警告，让您可以根据需要解决它们。 您无法选择要测试的规则，但是所有这三种文件类型都有一些设置，使您能够确定清除后的输出的格式 。

6.

JSLint可以处理JavaScript源代码和JSON文本，并且具有现成的配置，该配置遵循 Crockford在他的名为JavaScript：The Good Parts的书中写的JS最佳实践 。

JSLint有几个选项可以选择，但是您不能添加自己的自定义规则或禁用大多数功能 。 JSLint已经开始包含最新的ECMAScript 6标准 ，您可以在此处查看 ES6实现的当前阶段。

7.

JSHint是一个社区驱动的项目，最初致力于 创建JSLint的更多可配置性和较少见解的版本 。 JSHint允许开发人员配置其任何linting选项 ，并将定制的配置放置到单独的文件中，该选项使该工具易于重用，并且非常适合大型项目。

您不仅可以使用JSHint来添加普通JavaScript，而且还对许多流行的JS库 （例如jQuery，Mootools，Mocha和Node.js）提供开箱即用的支持 。

8.

ESLint是JavaScript linting领域的最新大事。 它的受欢迎程度源于其高度灵活的性质。 您不仅可以自定义其大量复杂的掉毛规则 ，并将其与所有主要的代码编辑器集成，而且还可以通过向其添加不同的插件来轻松扩展其功能 。

通过指定解析器选项 ，您还可以选择在插入过程中要支持的JS语言标准 ，这意味着您不仅可以根据默认的ECMAScript 5语法检查脚本，还可以根据ECMAScript 6，ECMAScript 7检查脚本。和JSX 。

9.

JSCS的目标是提供一种以编程方式强制遵守某种编码样式指南的方法 。 尽管JSCS不会检查错误和错误，但是它仍被技术行业的许多主要参与者（例如Google，AirBnB和AngularJS）使用，因为它可以帮助开发人员保持高度可读，一致的代码库。

JSCS是真正的节省时间的工具，因为它可以自动修复格式错误，因此您不必一一解决。 它具有属于较大项目的许多不同预设 ，例如Google，Grunt或Wikimedia编码样式预设，您可以在自己的项目中轻松使用它们，但是也可以创建自己的自定义配置 。

10.

就像JSCS一样， StandardJS或JavaScript Standard Style是一种代码样式标记，但是在其简单性和直接性方面有所不同。 如果您不想花费时间进行配置 ，而只想使用一个现成的有效工具，StandardJS就是一个不错的选择。

StandardJS遵循一些预先编写的格式设置规则 ，其核心价值是使您的编码工作流不受干扰，因此您无法更改不同意的规则 。 如果您不想具有自定义配置，而只想在JavaScript文件中实施一致的代码样式，则仅选择StandardJS。

翻译自: https://www.hongkiat.com/blog/code-optimization-css-js-linting-tools/