检查和测试您的代码以发现任何潜在的错误,在将错误放入您的网站之前消除错误是一个非常重要的过程。代码检查的过程通常也称为Web设计人员和开发人员之间的linting。作为设计师,如果你想写出高度优化的代码,那么你一定需要linting工具。有两种类型的代码审查工具。一种是在执行时检查代码中的错误和错误。另一种是使用静态代码分析技术,在执行前检查代码。后者显然更可取,因为它可以节省时间和麻烦。事实上,linting可以放在不同的阶段。如果您想在输入代码时测试代码,那么您可以使用lint工具。当然,如果你想在维护文件或执行阶段对代码进行lint,那么linting工具也可以为所欲为。这取决于个人选择。如果您正在寻找用于CSS和JavaScript***的linting工具,请继续阅读。1.CSLint诚然,CSLint会“伤害你的感情”,但作为交换,它会“让你的代码变得更好”。CSLint目前引领CSSlinting市场。它是用JavaScript编写的,是开源的,并带有大量的配置选项。2.SublimeLinterCSLintCSLint是一个非常高效的CSSlinting工具,很难找到可以与之匹敌的竞争对手。也许这就是SublimeLinterlinting框架在CSLint之上构建其CSSlinting插件的原因。SublimeLinter是一个SublimeText插件,为用户提供了lint代码(CSS、PHP、Python、Java、Ruby等)的方法。3.StyleLintStyleLint可以帮助开发人员避免CSS、SCSS或任何其他PostCSS可以解析的语法错误。StyleLint测试了一百多个规则,您可以选择要切换的规则(请参阅此示例配置)。4.W3CCSSValidator虽然W3C的CSSValidator一般不被认为是linting工具,但它为开发者提供了一个很好的机会来检查CSS代码是否符合W3C官方标准。W3C创建了自己的验证器,旨在为C语言提供类似于Lint程序检查器的工具。5.DirtyMarkupDirtyMarkup可以清理、格式化和验证您的HTML、CSS和JavaScript代码。如果您喜欢简单明了的设计并想要一个快速的解决方案,那么这就是您的选择。当您在编辑器中编写或修改代码时,脏标记可以实时抛出错误消息和通知。6.JSLintJSLint最初由DouglasCrockford于2002年发布,此后一直蓬勃发展,因此您可以放心地认为它是一个稳定可靠的JavaScriptlinting工具。7.JSHintJSHint是一个社区驱动的项目,它开始致力于创建一个更易于配置、更不顽固的JSLint版本。JSHint允许开发人员配置其任何linting选项,然后将自定义配置放入单独的文件中,这使得该工具易于重用,因此非常适合大型项目。8.ESLintESLint是JavaScriptlinting领域的最新大事。它因其高度灵活的特性而广受欢迎。您不仅可以自定义大量高级linting规则并将其与所有主要代码编辑器集成,还可以通过添加不同的插件轻松扩展其功能。9.JSCSJSCS,或JavaScriptCodeStyle,是一种用于检查代码格式规则的JavaScript的可插入代码风格linter。JSCS的目标是提供一种以编程方式强制遵守编码风格指南的方法。尽管JSCS不检查错误和错误,但它仍然被许多高科技行业参与者使用,例如Google、AirBnB和AngularJS,因为它可以帮助开发人员维护高度可读和一致的代码库。10.StandardJSStandardJS,即JavaScriptStandardStyle,是一种代码风格的linter,有点像JSCS,但区别更简单直接。如果你不想花时间在配置上,只是想要一个开箱即用的高效工具,那么StandardJS是一个不错的选择。翻译链接:http://www.codeceo.com/article/10-css-javascript-linting-tool.html英文原文:10CSSandJavaScriptLintingToolsforCodeOptimization
