10款优化代码的CSS与JavaScript Linting工具推荐

代码检查与Linting工具概述

在代码部署至网站之前，进行检查和测试以发现并消除潜在错误是至关重要的环节。这一过程在Web设计与开发领域通常被称为“Linting”。对于追求代码高度优化的设计师而言，Linting工具不可或缺。代码检查工具主要分为两类：一类是在代码执行时动态检查错误和Bug；另一类则采用静态代码分析技术，在代码运行前进行检查。由于后者能够节省时间与精力，因此通常被视为更优的选择。

Linting的应用阶段具有灵活性。若希望在编码过程中实时测试代码，可使用相应的Lint工具；若倾向于在保存文件或执行阶段进行检查，同样有合适的工具可供选择。具体选择取决于个人偏好。下文将介绍几款适用于CSS和JavaScript的优秀Linting工具。

CSS代码检查工具推荐

1. CSSLint

CSSLint虽然可能“令人不适”，但能显著“提升代码质量”。目前，CSSLint在CSS Linting领域占据领先地位。该工具由JavaScript编写，开源且提供丰富的配置选项。

2. SublimeLinter CSSLint

CSSLint在CSS Linting方面的高效性使其难以找到直接竞争对手。正因如此，SublimeLinter框架将CSS Linting插件构建于CSSLint之上。SublimeLinter是SublimeText的插件，为用户提供对CSS、PHP、Python、Java、Ruby等多种语言进行代码检查的功能。

3. StyleLint

StyleLint有助于开发人员避免CSS、SCSS或其他PostCSS可解析语法中的错误。该工具测试超过一百条规则，用户可根据需求选择启用的规则（参见示例配置）。

4. W3C CSS Validator

尽管W3C CSS Validator通常不被归类为Linting工具，但它为开发人员提供了依据W3C官方标准检查CSS代码的机会。W3C开发此验证程序，旨在提供类似Lint程序对C语言检查的功能。

5. Dirty Markup

Dirty Markup可清理、格式化并验证HTML、CSS和JavaScript代码。若偏好简洁直接的设计且寻求快捷解决方案，该工具是理想选择。在编辑器中编写或修改代码时，Dirty Markup会实时抛出错误消息和通知。

JavaScript代码检查工具推荐

6. JSLint

JSLint由Douglas Crockford于2002年首次发布，此后发展迅速。基于其长期稳定的表现，可认定其为可靠且稳定的JavaScript Linting工具。

7. JSHint

JSHint是一个社区驱动的项目，旨在创造比JSLint更具配置性且不那么固执的版本。JSHint允许开发人员配置任何Linting选项，并将自定义配置保存至单独文件，便于重复使用，因此非常适合大型项目。

8. ESLint

ESLint是JavaScript Linting领域近期的热门工具，其受欢迎原因在于高度灵活性。用户不仅可以自定义大量前沿Linting规则，还能将其与所有主流代码编辑器集成，并通过添加不同插件轻松扩展功能。

9. JSCS

JSCS（JavaScript Code Style）是针对JavaScript的可插拔代码风格Linter，用于检查代码格式规则。JSCS的目标是通过编程方式实施特定编码风格指南。虽然JSCS不检查Bug和错误，但因其能帮助开发人员保持高可读性和一致的代码库，被谷歌、AirBnB和AngularJS等高科技行业参与者广泛使用。

10. StandardJS

StandardJS（JavaScript Standard Style）是一种代码风格Linter，类似于JSCS，但设计更为简单直接。若不愿花费时间进行配置，只希望获得开箱即用的高效工具，StandardJS是极佳选择。

译文链接：http://www.codeceo.com/article/10-css-javascript-linting-tool.html 英文原文：10 CSS and JavaScript Linting Tools for Code Optimization