10个用于代码优化CSS和JavaScript Linting工具
大多数短毛猫使用静态代码分析技术，这意味着无需实际执行即可检查代码 。
Linting是一个代码检查过程，用于查找源代码中的错误并标记潜在的错误。
整理工具可以极大地帮助开发人员编写高质量，优化的代码 。
无论您的工作流程是什么样的，重要的是要定期打毛 ，因为它可以使您免于以后的许多麻烦。
您可以在不同的场合使用，例如在编写代码时实时，在保存文件时，在提交更改时或在代码投入生产之前实时进行。
在本文中，我们将介绍10种强大的整理工具，您可以使用它们来整理CSS和JavaScript文件，以提高代码质量。
Linters不仅是错误预防工具，还可以在调试过程中有效地使用它们来查找难以捕获的错误 。
1.
它是用JavaScript编写的，是开源的，并带有大量可配置的选项。
CSSLint当前领导CSS linting市场。
诚然，CSSLint打算“破坏您的感受”，但作为交换，它“会使您的代码变得更好”。
CSSLint允许您选择一种错误和警告 （兼容性，性能，复制等） 要测试 什么 ，并验证您CSS语法对你选择的规则。
它不仅在浏览器中工作，而且还具有命令行界面 ，您也可以将其集成到自己的构建系统中。
2.
SublimeLinter是一个SublimeText插件， 可为用户提供一种在SublimeText编辑器内部修改其代码（CSS，PHP，Python，Java，Ruby等）的方法 。
这可能就是SublimeLinter linting框架在其顶部构建CSS linting插件的原因。
CSSLint是一种非常有效CSS linter，因此很难找到可以胜任的竞争对手。
这个方便的工具的妙处在于，您只需配置一次设置 ，或者如果您对默认设置感到满意，甚至不必这样做，那么您始终可以在SublimeText中获取相关的警告和通知。编辑器，没有任何其他麻烦。
在安装SublimeLinter CSSLint插件本身之前，您需要将CSSLint安装为Node.js模块。
3.
StyleLint测试了一百多个规则 ，您可以选择要打开的规则 （请参阅示例config ）。
StyleLint帮助开发人员避免CSS，SCSS或PostCSS可以解析的任何其他语法中的错误 。
StyleLint是一个非常灵活的工具，可以通过额外的插件进行扩展，并以3种不同的形式使用：作为命令行工具 ， Node.js模块或PostCSS插件 。
如果您不想构建自己的配置，则还可以选择包含大约60个StyleLint规则的预编写的标准配置 。
4.
W3C构建其验证器的目的是提供类似于C语言的Lint程序检查器的工具。
尽管通常不将W3C的CSS验证器视为整理工具，但它为开发人员提供了一个绝佳的机会，可以根据W3C的官方标准检查其CSS源代码。
W3CCSS验证器没有CSSLint那样多的选项，但是它返回详细的，易于理解的错误消息和通知 。
最初，他们创建了HTML标记验证器，之后是CSS验证器。
作为一项附加功能，您还可以对照W3C的最新移动网络标准检查代码，这在移动网络时代不是一件坏事。
5.
在编辑器中编写或修改代码 时 ，脏标记会实时抛出错误消息和通知 。
如果您喜欢简单的设计并想要快速的解决方案，那么它可能是一个不错的选择。
脏标记清除，格式化和验证HTML，CSS和JavaScript代码。
您无法选择要测试的规则，但是所有这三种文件类型都有一些设置，使您能够确定清除后的输出的格式 。
当您点击“清除”按钮时，它会立即修复语法错误，整理格式，但完整保留警告，让您可以根据需要解决它们。
6.
JSLint可以处理JavaScript源代码和JSON文本，并且具有现成的配置，该配置遵循 Crockford在他的名为JavaScript：The Good Parts的书中写的JS最佳实践 。
JSLint已经开始包含最新的ECMAScript 6标准 ，您可以在此处查看 ES6实现的当前阶段。
JSLint有几个选项可以选择，但是您不能添加自己的自定义规则或禁用大多数功能 。
7.
JSHint允许开发人员配置其任何linting选项 ，并将定制的配置放置到单独的文件中，该选项使该工具易于重用，并且非常适合大型项目。
JSHint是一个社区驱动的项目，最初致力于 创建JSLint的更多可配置性和较少见解的版本 。
您不仅可以使用JSHint来添加原始JavaScript，而且还对许多流行的JS库 （例如jQuery，Mootools，Mocha和Node.js）提供开箱即用的支持 。
8.
您不仅可以自定义其大量复杂的规则规则 ，并将其与所有主要的代码编辑器集成，而且还可以通过向其添加不同的插件来轻松扩展其功能 。
它的流行源于其高度灵活的特性。
ESLint是JavaScript linting领域的最新大事。
通过指定解析器选项 ，您还可以选择在插入过程中要支持的JS语言标准 ，这意味着您不仅可以根据默认的ECMAScript 5语法检查脚本，还可以根据ECMAScript 6，ECMAScript 7检查脚本。和JSX 。
9.
尽管JSCS不会检查错误和错误，但它仍被技术行业的许多主要参与者（例如Google，AirBnB和AngularJS）使用，因为它可以帮助开发人员保持高度可读，一致的代码库。
JSCS的目标是提供一种以编程方式强制遵守某种编码样式指南的方法 。
它具有属于较大项目的许多不同预设 ，例如Google，Grunt或Wikimedia编码样式预设，您可以在自己的项目中轻松使用它们，但也可以创建自己的自定义配置 。
JSCS是真正的节省时间的工具，因为它可以自动修复格式错误，因此您不必一一解决。
10.
如果您不想花时间进行配置 ， 那么 StandardJS可能是一个不错的选择，只需要一个有效的工具即可使用。
就像JSCS一样， StandardJS或JavaScript Standard Style是一种代码样式标记，但是在其简单性和直接性方面有所不同。
如果您不想具有自定义配置，而只想在JavaScript文件中实施一致的代码样式，请仅选择StandardJS。
StandardJS遵循一些预先编写的格式规则 ，其核心价值是使您的编码工作流不受干扰，因此您不能更改不同意的规则 。
翻译自: https://www.hongkiat.com/blog/code-optimization-css-js-linting-tools/