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


Posted in Javascript onMay 11, 2016

检查和测试代码来发现任何潜在错误,从而在放到网站上之前及时消除错误是一个非常重要的过程。代码检查的过程也俗称为是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是一个超棒的选择。

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

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

Javascript 相关文章推荐
事件绑定之小测试  onclick && addEventListener
Jul 31 Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 Javascript
JS获取下拉列表所选中的TEXT和Value的实现代码
Jan 11 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
May 12 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
Nov 26 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
angular仿支付宝密码框输入效果
Mar 25 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
命令行批量截图Node脚本示例代码
Jan 25 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
Bootstrap组件(一)之菜单
May 11 #Javascript
Bootstrap 组件之按钮(二)
May 11 #Javascript
jQuery验证插件validate使用详解
May 11 #Javascript
JQuery validate插件验证用户注册信息
May 11 #Javascript
jQuery validate验证插件使用详解
May 11 #Javascript
Jquery插件仿百度搜索关键字自动匹配功能
May 11 #Javascript
基于jQuery插件实现点击小图显示大图效果
May 11 #Javascript
You might like
Base64在线编码解码实现代码 演示与下载
2011/01/08 PHP
浅析PHP文件下载原理
2014/12/25 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
2016/11/22 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
2017/09/07 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
javascript json对象小技巧之键名作为变量用法分析
2019/11/11 Javascript
纯js实现无缝滚动功能代码实例
2020/02/21 Javascript
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Django 路由控制的实现代码
2018/11/08 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
python3+selenium实现qq邮箱登陆并发送邮件功能
2019/01/23 Python
详解【python】str与json类型转换
2019/04/29 Python
Python 堆叠柱状图绘制方法
2019/07/29 Python
python-Web-flask-视图内容和模板知识点西宁街
2019/08/23 Python
python中property和setter装饰器用法
2019/12/19 Python
python实现五子棋游戏(pygame版)
2020/01/19 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
html5使用canvas画空心圆与实心圆
2014/12/15 HTML / CSS
教师师德教育的自我评价
2013/10/31 职场文书
跟单文员的岗位职责
2013/11/14 职场文书
2014年党员教师自我剖析材料
2014/09/30 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
2016思想纪律作风整顿心得体会
2016/01/23 职场文书
Matlab如何实现矩阵复制扩充
2021/06/02 Python
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技