分享10个优化代码的CSS和JavaScript工具,代码静态
分类:计算机知识

JSHint

鉴于 JSLint 的现状,Anton Kovalyov 以 JSLint 为原来,在社区力量的相助下降成了开源的 JSHint

相较之下,JSHint 更友善,可配置性更加高。由于大家受 JSLint 的搜刮太久,何况得益于开源的优势,风头异常快盖过 JSLint,有的时候无两,获得大量IDE/Editor 的帮助。可是成败萧相国,JSHint 的成功来源于对 JSLint 的校订,但同样继承了 JSLint 的非常多缺点,比方不易扩大,难以根据报错新闻一定到具体的条条框框配置等。即使有特意的文书档案表明,不过修复的工本依旧不低,于是出现了JSLint Error Explanations 那样的网址,针对 JSLint/JSHint/ESLint 报的一无所长作修复表明—— “啪啪”,那对 JSHint 团队来讲一点差异也未有于打脸。

JSHint 团队也日渐开采到这么些主题材料的尤为重要,二〇一二年时曾有 讨论 使用 esprima 生成 AST(见 jshint-next,提醒该项目已过期,已 merge 到主项目,但在 2012/5 又从主项目移除,现已难觅芳踪,原因未明),并有极度针对 JSHint 的 warning 作修复的fixmyjs。

实际,linting能够放在分化的阶段。假若你喜欢在敲代码的时候测量检验代码,那么您可以行使lint工具。当然,假诺您想在维系文件的时候或实施的阶段lint代码,那么linting工具也能够如你所愿。那取决个人的选项。固然你正在查找用于CSS和JavaScript最好的 linting工具,那么请继续读书。

补充

创作未完,新浪发掘已有临近的比较: A Comparison of JavaScript Linting Tools,可作参谋。

1 赞 1 收藏 评论

图片 1

图片 2

JavaScript 代码静态品质检查

2015/07/15 · JavaScript · 质量检查

原稿出处: 百度efe - 笔者三明人(@i小编深圳人)   

自鸿蒙初判,Brendan Eich 10 天捏出 Mocha 之后,纵然进化成 EcmaScript,这几个语言仍然毁誉相随。那叁个经过广大横祸,侥幸渡劫成功的苦主标记了相当多天坑(见 JavaScript Garden) —— 当然,你也得以称之 feature。据无义务乱猜,DougRuss Crockford 也没少踩坑,于是才有了蝴蝶书《JavaScript: The Good Parts》,下雨天与 JSLint 一同行使会更配哟。

图片 3

《JavaScript: The Definitive Guide》 V.S. 《JavaScript: The Good Parts》

由来,代码的静态品质检查在类型品质维持方面包车型地铁首要与要求性已不用置疑。越多的开垦者意识到了那点,纷纭在品种塑造流程照旧源码调节体系中增多静态检查的 hook。本文将依时间顺序,选出 JavaScript 史上的关键多少个 Linter 作横向比较,最终属意什么人家,那就不一样了。

图片 4

Closure Linter

Closure Linter 属于 Closure 家族成员,源于 二〇〇四年的 Gmail 项目,最先只是中间选拔,后来以为应该 兼济天下,于是在 二零零六年后当做 Closure Tools 体系开放给外界使用。Closure Linter 重借使服从《Google JavaScript Style Guide》来作检查与修补。限于 Closure 的家族特征,使用范围并相当的小。

图片 5

总结

只要您是老道的死忠粉,无条件允许他关于 JavaScript 的一切观点,那么 JSLint 是您的不二精选。只要把 老道 换成 Google 成立,JSLint 换成 Closure Linter 同样创建。

假设您有出彩的单元测量检验作后续的品质担保,可能只 care 代码风格方面包车型大巴难点,那么 JSCS 就完全胜任。

只要你必要不高,更加钟情开辟工具和条件的支撑,还想顺便检查一下 HTML 代码中的 inline script,严重推荐 JSHint。得益于它的高分布度,就算官方文书档案有没有抓住关键的无力感,在社区的帮扶下也能非常的慢的缓慢解决你的主题素材。

万一您的供给十三分高,为团体制订正规非常详尽,况兼不知足于 JSHint 与 JSCS 的组合,不要紧尝试 ESLint。严谨的贡献参与流程,急速的响应以致丰硕的文书档案都只是是它大多亮点中的冰山一角。

您还要检查 CSS 和 HTML,乃至还应该有 Less? 恐怕独有 fecs 可以挽留你于水火,至于 fecs 是哪些,那是另一篇小说的剧情了。

图片 6

JSLint

JSLint 的名字来自开始时期用于检查 C 语言代码品质的 Lint,老道把以为非 Good Parts 、有陷阱的一些全部报 warning,何况绝不允许妥胁(当前版本已经允许部分的可配置项),固执得令人惋惜。

虽说那些在 二零零三 年的 JSLint 代表着Red Banner的大势,可是前端的进步追着太阳追着风,严酷不迁就的 JSLint 开头阻碍前端的腾飞 —— 比如函数内变量全体汇聚在顶上部分概念,推荐二个 var 定义八个变量等。最最最重视的是,老道拒绝开源 JSLint(无权利乱猜,只怕JSLint 的达成代码违反它和睦创设的条条框框)。

截止 2015年6月9日,JSLint 仍旧在立异,官英特网写着 JSLint edition 2015-06-02 BETA,固执的成熟。

图片 7

ESLint

数见不鲜,同样是缘于对 JSLint 与 JSHint 的不满,Nicholas C. Zakas 也在 JSCS 公布的当月始发造另三个新轮子 ——JSCheck(浓浓的山寨感扑面而来有未有),然则几天后即改名字为 ESLint —— 再次申明,好名字根本。

效果与利益方面,ESLint 能够轻便的理解成 JSHint + JSCS,基本上集成了两大基友的亮点。ESLint 在早先时代也是信任于 esprima生成 AST,后来为增进对 ES6 的支持,换成 esprima 的分支版本 espree。然而,espree 对 ES6 的支撑还是很有限,但是万幸还也可以有 Babel-ESLint。

2.SublimeLinter CSSLint

JSCS

自 Marat Dulin 于 2003.6.17 日黎明先生公布第一个版本最初,JSCS 就注意于代码风格层面包车型大巴反省,这一点从它的名字 JSCS - JavaScript Code Style 中可窥一斑:

JSCS is a code style linter for programmatically enforcing your style guide. You can configure JSCS for your project in detail using over 90 validation rules, including presets from popular style guides like jQuery, Airbnb, Google, and more.

再看它的 package.json 中的重视包:

能够窥见它应用了 esprima 生成 AST,再通过 estraverse 遍历作自己谈论,由此质量上会逊于 JSLint 与 JSHint,可是带来的低收入是轻便维护和扩充,相对于质量上的损失,是一丝一毫值得的。另外,JSCS 可通过 esprima-harmony-jscs 实现对 ES6 的支持,并且自带错误修复本领。

JSCS 与 JSHint 份属同盟,互相采纳对方作本项指标代码检查。

图片 8

10.StandardJS

图片 9

1.CSSLint

自己钻探和测量检验代码来发掘别的交秘书密错误,进而在松手网站上前面及时解除错误是三个不行首要的长河。代码检查的长河也俗称为是Web设计师和开荒者之间的linting。作为叁个设计员,假使您想要写出惊人优化的代码,那么你势一定要linting工具。有三种档期的顺序的代码检查工具。一种是在 实施时间检查代码中的错误和bug。另一种是利用静态代码解析技术并在实践前检查码。后者因为能够节省时间和劳动鲜明更佳。

图片 10

Dirty Markup可以清理,格式化以至表明你的HTML、CSS和JavaScript代码。要是您爱怜轻易直接的安顿性,并期望一个高速的缓慢解决方案,那么选它就对了。当你在编辑器中编辑或修改代码的时候,Dirty 马克up能够实时抛出荒唐新闻和布告。

StyleLint能够扶助开拓人士防止CSS、SCSS中或其余另外PostCSS能够剖析的语法错误。StyleLint测验了超越一百条法规,你能够挑选你想切换的这个法规(见此比方配置)。

的确CSSLint会“加害你的情义”,但作为调换它会“令你的代码立异相当多” 。CSSLint近日首长了CSS linting的市镇。它用JavaScript编写,不可是开源的,并且自带大批量的布局选项。

JSLint最先由DouglasCrockford发表于贰零零壹年,从那时候起就有了蓬勃的生命力,由此你能够安枕无忧地料定它是一个既安静又可信赖的JavaScript linting工具。

本文由威尼斯手机娱乐官网发布于计算机知识,转载请注明出处:分享10个优化代码的CSS和JavaScript工具,代码静态

上一篇:没有了 下一篇:威尼斯手机娱乐官网高清屏概念解析与检测设备
猜你喜欢
热门排行
精彩图文