分享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 相关文章推荐
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
Dec 21 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
Javascript实现一朵从含苞到绽放的玫瑰
Mar 30 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
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
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
set_include_path和get_include_path使用及注意事项
2013/02/02 PHP
PHP限制页面只能在微信自带浏览器访问的代码
2014/01/15 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
PHP检查文件是否存在,不存在自动创建及读取文件内容操作示例
2020/01/23 PHP
摘自启点的main.js
2008/04/20 Javascript
jQuery 源码分析笔记(5) jQuery.support
2011/06/19 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
13个PHP函数超实用
2015/10/21 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
基于vue.js实现图片轮播效果
2016/12/01 Javascript
jQuery实现的简单拖动层示例
2017/02/22 Javascript
js图片放大镜效果实现方法详解
2020/10/28 Javascript
jquery select插件异步实时搜索实例代码
2017/10/20 jQuery
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
详解Angular操作cookies方法
2018/06/01 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
javascript实现贪吃蛇小游戏
2020/07/28 Javascript
python查找目录下指定扩展名的文件实例
2015/04/01 Python
python异常和文件处理机制详解
2016/07/19 Python
python多进程中的内存复制(实例讲解)
2018/01/05 Python
python创建文件备份的脚本
2018/09/11 Python
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
农业大学毕业生的个人自我评价
2013/10/11 职场文书
音乐专业应届生教师求职信
2013/11/04 职场文书
优秀学生干部推荐材料
2014/02/03 职场文书
优秀党员获奖感言
2014/02/18 职场文书
个人银行贷款担保书
2014/04/01 职场文书
酒店节能减排方案
2014/05/26 职场文书
2014年煤矿工作总结
2014/11/24 职场文书
2015年学校食堂工作总结
2015/04/22 职场文书
MySQL开启事务的方式
2021/06/26 MySQL