天天看点

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

检查和测试代码来发现任何潜在错误,从而在放到网站上之前及时消除错误是一个非常重要的过程。代码检查的过程也俗称为是web设计师

和开发者之间的linting。作为一个设计师,如果你想要写出高度优化的代码,那么你一定需要linting工具。有两种类型的代码检查工具。一种是在

执行时间检查代码中的错误和bug。另一种是使用静态代码分析技术并在执行前检查码。后者因为可以节省时间和麻烦显然更佳。

事实上,linting可以放在不同的阶段。如果你喜欢在敲代码的时候测试代码,那么你可以使用lint工具。当然,如果你想在保持文件的时候或执

行的阶段lint代码,那么linting工具也可以如你所愿。这取决于个人的选择。如果你正在找寻用于css和javascript最好的

linting工具,那么请继续阅读。

1.csslint

诚然csslint会“伤害你的感情”,但作为交换它会“让你的代码改进很多” 。csslint目前领导了css linting的市场。它用javascript编写,不但是开源的,而且自带大量的配置选项。

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

2.sublimelinter csslint

csslint是一次如此高效的css linting工具,以致于很难找到一个竞争对手可以与之媲美。也许这就是为什么

sublimelinter linting框架会把它的css linting插件构建在csslint上面的原因。sublimelinter是一个

sublimetext插件,给用户提供了lint代码(css,php,python,java,ruby等)的手段。

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

3.stylelint

stylelint可以帮助开发人员避免css、scss中或任何其他postcss可以解析的语法错误。stylelint测试了超过一百条规则,你可以选择你想切换的那些规则(见此举例配置)。

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

4.w3c css validator

尽管w3c的css validator通常不被认为是一种linting工具,但它为开发人员提供了一个用w3c官方标准检查css代码的很好机会。w3c建立它自己的验证程序,旨在提供一个类似于lint程序检查器针对c语言的工具。

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

5.dirty markup

dirty markup可以清理,格式化以及验证你的html、css和javascript代码。如果你喜欢简单直接的设计,并希望一个快捷的解决方案,那么选它就对了。当你在编辑器中编写或修改代码的时候,dirty markup可以实时抛出错误消息和通知。

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

6.jslint

jslint最初由douglas crockford发布于2002年,从那时起就有了蓬勃的生命力,因此你可以安全地认定它是一个既稳定又可靠的javascript linting工具。

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

7.jshint

jshint是一个社区驱动项目,始于竭力创造一个更可配置,不那么固执的jslint版本。jshint允许开发人员配置任何它的linting选项,然后把自定义的配置放到一个单独的文件中,这使得该工具很容易重复使用,因此非常适合大型项目。

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

8.eslint

eslint是javascript linting宏图中最近的一件大事。之所以受欢迎是因为高度灵活的特性。你不仅可以自定义大量尖端的linting规则,将之与所有主要的代码编辑器集成,还可以很容易地通过添加不同的插件扩展其功能。

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

9.jscs

jscs,或javascript code

style,是针对javascript的一个可插拔的代码风格linter,用来检查代码格式规则。jscs的目标是提供一个用编程方式实施遵从于某一

编码风格向导的手段。虽然jscs不检查bug和错误,但它仍然为许多高科技行业的参与者,如谷歌、airbnb和angularjs所用,因为它可以帮

助开发人员保持一个高度可读又一致的代码库。

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

10.standardjs

standardjs,或javascript standard style是一种代码风格linter,有点像jscs,但区别是更为简单和直接。如果你不想花时间在配置上,只想要一个能开箱即用的高效工具的话,那么standardjs是一个超棒的选择。

作者:小峰

来源:51cto

继续阅读