澳门新萄京官方网站-www.8455.com-澳门新萄京赌场网址

享用12个优化代码的CSS和JavaScript工具,JavaScript开

2019-09-16 作者:澳门新萄京赌场网址   |   浏览(145)

JavaScript 代码静态质量检查

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

原版的书文出处: 百度efe - 小编德州人(@i小编中山人)   

自鸿蒙初判,Brendan Eich 10 天捏出 Mocha 之后,纵然进化成 EcmaScript,这一个语言依然毁誉相随。那多少个通过许多患难,侥幸渡劫成功的苦主标志了比非常多天坑(见 JavaScript Garden) —— 当然,你也足以称之 feature。据无权利乱猜,Douglas Crockford 也没少踩坑,于是才有了蝴蝶书《JavaScript: The Good Parts》,降水天与 JSLint 一同利用会更配哟。

图片 1

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

时至前日,代码的静态质量检查在等级次序品质保持方面包车型地铁要紧与须要性已不必置疑。越多的开采者意识到了那或多或少,纷繁在品种构建流程依然源码调控体系中加上静态检查的 hook。本文将依时间顺序,选出 JavaScript 史上的入眼多少个 Linter 作横向比较,最后属意何人家,那就分化了。

检测代码来开采任何秘密错误,进而在停放网站上事先及时清除错误是叁个特别首要的历程。代码检查的历程也俗称为是Web设计员和开拓者之间的linting。作为二个设计员,假如您想要写出冲天优化的代码,那么你势必定要linting工具。有二种档案的次序的代码检查工具。一种是在 施行时间检查代码中的错误和bug。另一种是运用静态代码解析手艺并在试行前检查码。前者因为能够节省时间和麻烦明显更佳。

面向 Web 开采者的 Sublime Text 插件,sublimetext

Package Control

在 Sublime Text 上海大学家都用 Package Control 来管理安装插件,所以它是大家要设置的首先个插件,安装格局见这里。关于 Package Control 的利用办法这里不再赘述。

图片 2

 

译者按: 最全的JavaScript开荒工具列表,总有一款符合你!

JSLint

JSLint 的名字源于初期用于检查 C 语言代码品质的 Lint,老道把以为非 Good Parts 、有陷阱的部分全部报 warning,并且绝不允许妥胁(当前版本现已同意有的的可配置项),固执得令人痛惜。

虽说那些在 二零零四 年的 JSLint 代表着先进的自由化,可是前端的升华追风逐日,严刻不屈服的 JSLint 初阶阻碍前端的开发进取 —— 比如函数内变量全体汇集在顶上部分概念,推荐一个 var 定义多个变量等。最最最重视的是,老道拒绝开源 JSLint(无权利乱猜,可能JSLint 的达成代码违反它和睦创造的条条框框)。

截止 2015年6月9日,JSLint 还是在立异,官互连网写着 JSLint edition 2015-06-02 BETA,固执的成熟。

骨子里,linting可以献身分歧的品级。借使您欣赏在敲代码的时候测验代码,那么你能够使用lint工具。当然,如若您想在维持文件的时候或实行的阶段lint代码,那么linting工具也能够如你所愿。那取决个人的精选。尽管您正在探求用于CSS和JavaScript最棒的 linting工具,那么请继续读书。

Package Control

在 Sublime Text 上豪门都用 Package Control 来治本安装插件,所以它是大家要安装的首先个插件,安装情势见这里。关于 Package Control 的施用办法这里不再赘言。

图片 3

 

JSHint

 

Linter 是帮助你检查代码难题的一类工具,帮您发觉神秘的荒谬或不好的代码习于旧贯。JSHint 是反省 JavaScript 代码的好工具,协理广大编辑器和 IDE 。图片 4

Sublime 上要动用 JSHint 可以安装:SublimeLinter-JSHint 插件。注意安装这么些插件前需求先安装 SublimeLinter 以及 jshint 命令本身,越来越多新闻见 SublimeLinter-JSHint 安装表达。轻便地说就是:

  1. 安装 jshint 命令:npm install -g jshint
  2. Package Control 安装:SublimeLinter ,重启 sublime
  3. Package Control 安装:SublimeLinter-jshint

注:JavaScript 有许多 linter 工具,如 JSLint 、JSHint 和 ESLint 。JSLint 是 JavaScript 大师 Douglas Crockford 创作和爱慕的。JSHint 是 JSLint 的 fork 版,由社区维护,更可扩充、更加灵敏,使用者也越多,Mozilla、jQuery 都在用 JSHint 。ESLint 是另一个人 JavaScript 专家  Nicolas C. 扎卡s 主导的社区项目。

注:SublimeLinter 是 Sublime 上 linter 类插件的 framework,所以广大 linter 都依据这么些插件。Package Control: Install Package 中输入 SublimeLinter- 会列出大方 SublimeLinter- 初始的 linter 插件,如下图:

图片 5

原文: THE ULTIMATE LIST OF JAVASCRIPT TOOLS

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 到主项目,但在 2013/5 又从主项目移除,现已难觅芳踪,原因未明),并有特意针对 JSHint 的 warning 作修复的fixmyjs。

1.CSSLint

JSHint

 

Linter 是支持您检查代码难点的一类工具,帮你发掘地下的错误或不佳的代码习贯。JSHint 是检查 JavaScript 代码的好工具,协理广大编辑器和 IDE 。图片 6

Sublime 上要采纳 JSHint 能够设置:SublimeLinter-JSHint 插件。注意安装那几个插件前要求先安装 SublimeLinter 以及 jshint 命令自身,越多消息见 SublimeLinter-JSHint 安装表明。简单地说正是:

注:JavaScript 有很多 linter 工具,如 JSLint 、JSHint 和 ESLint 。JSLint 是 JavaScript 大师 DougRuss Crockford 创作和保卫安全的。JSHint 是 JSLint 的 fork 版,由社区尊敬,更可扩充、越来越灵敏,使用者也更加多,Mozilla、jQuery 都在用 JSHint 。ESLint 是另一人 JavaScript 专家  Nicholas C. 扎卡s 主导的社区等级次序。

注:SublimeLinter 是 Sublime 上 linter 类插件的 framework,所以众多 linter 都依赖这一个插件。Package Control: Install Package 中输入 SublimeLinter- 会列出大气 SublimeLinter- 最初的 linter 插件,如下图:

图片 7

JSCS

代码中尚无不当还相当不够,好的代码必要服从千篇一律的代码风格(代码不止给机器用,依然给人看不是吗?)。JSCS 是检查代码风格的工具,能够配备比很多代码风格准绳,比如空格的渴求、括号的职位等,仍是能够直接行使  jQuery、谷歌 等代码风格方案。

Sublime 上必要安装 SublimeLinter-JSCS 。这么些插件同样依靠SublimeLinter 以及 jscs 命令自身。简单安装表达如下:

  1. 安装 jscs 命令:npm install jscs -g
  2. Package Control 安装:SublimeLinter ,重启 sublime (假如你还没装 SublimeLinter 的话,不然请跳过)
  3. Package Control 安装:SublimeLinter-jscs

其余,你还足以设置二个 JSCS-Formatter 插件,完结机关代码格式化。

图片 8

译者: Fundebug

Closure Linter

Closure Linter 属于 Closure 家族成员,源于 二零零四年的 Gmail 项目,最先只是里面使用,后来以为应该 兼济天下,于是在 二〇〇六年后作为 Closure Tools 体系开放给外界使用。Closure Linter 首若是依据《Google JavaScript Style Guide》来作检查与修复。限于 Closure 的家族特征,使用限制并不大。

的确CSSLint会“侵凌你的情愫”,但作为沟通它会“让您的代码创新非常多” 。CSSLint近来领导了CSS linting的商海。它用JavaScript编写,不可是开源的,况兼自带大批量的配备选项。

JSCS

代码中向来不错误还非常不足,好的代码必要遵守一模一样的代码风格(代码不仅给机器用,依然给人看不是吗?)。JSCS 是反省代码风格的工具,能够配备相当多代码风格法规,比方空格的渴求、括号的地点等,还是可以直接行使  jQuery、Google 等代码风格方案。

Sublime 上急需设置 SublimeLinter-JSCS 。这几个插件一样依附 SublimeLinter 以及 jscs 命令本人。简单安装表明如下:

别的,你仍是可以够安装三个 JSCS-Formatter 插件,完成机关代码格式化。

图片 9

ColorHighliter

Color highlighter 插件能够自动显示CSS 或 Sass 中扬言的颜色,令你看透。私下认可配置下,当鼠标移到颜色变量上时背景就可以成为注脚的颜料。

图片 10

还是能安装各样颜料显示格局,默许配置见: ‘Package Settings’ > ‘Color Highlighter’ > ‘Settings – Default’ 。比方,大家在该插件的 User 设置中做如下设置能够高达下图的显示效果:

 

1
2
3
{
  "ha_style": "filled"
}

图片 11

Gutter Color 和 Color Picker 是别的五个颜色相关的插件。

为了保证可读性,本文选取意译而非直译。其余,本文版权归原版的书文者全数,翻译仅用于学习

JSCS

自 Marat Dulin 于 2003.6.17 日黎明(英文名:lí míng)公布第三个本子开头,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 份属协作,互相利用对方作本项指标代码检查。

图片 12

ColorHighliter

Color highlighter 插件可以自行呈现 CSS 或 Sass 中声称的水彩,让你看透。暗中同意配置下,当鼠标移到颜色变量上时背景就能够形成评释的颜色。

图片 13

仍能安装各个颜料显示情势,默许配置见: ‘Package Settings’ > ‘Color Highlighter’ > ‘Settings – Default’ 。比如,大家在该插件的 User 设置中做如下设置能够达成下图的展现效果:

 

1 2 3 {   "ha_style": "filled" }

图片 14

Gutter Color 和 Color Picker 是别的四个颜色相关的插件。

AutoFileName

AutoFileName 在你在输入文件名是提供自动提醒,收缩人工的输入错误。

图片 15

简介

前年三月,Stack Overflow年度开垦者调研一共访谈了64000个技士,发现JavaScript已经一而再5年成为最盛行的编制程序语言。

图片 16

那篇博客将介绍部分常用的JavaScript开垦工具:

  • 构建&自动化
  • IDE&编辑器
  • 文档
  • 测试
  • 调试
  • 安全
  • 代码优化&分析
  • 包管理

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

AutoFileName

AutoFileName 在您在输入文件名是提供自动唤醒,减弱人工的输入错误。

图片 17

Autoprefixer

Autoprefixer 插件让帮你活动添加CSS 商家前缀,个人选取相比便利。假设是标准的品种,能够运用其余活动创设筑工程具在营造进程中联合达成。

图片 18

作者:韩国恺。本多元小说以 Addy & Matt的点不清摄像 Totally Tooling Tips 的从头到尾的经过为根基重新整理而成,主要介绍一些(前端)开拓者喜欢的工具和本领。

构建 & 自动化

  • Webpack对JavaScript应用重视的保有模块实行静态剖析,生成重视图,然后将它们打包成数个静态文件。
  • Grunt以将再次耗费时间的职务自动化。Grunt的生态系统一点都不小,有超过常规6013个插件。
  • Gulp发表于Grunt之后,选拔了一心两样的不二等秘书诀,使用JavaScript函数定义任务。它有当先2766个插件,何况提供了更好的主宰。
  • Browserify使得开辟者能够在浏览器采取CommonJS模块。开垦者像在node境况同样,通过require('modules')来协会模块之间的援用和注重,Browserify将那么些依赖打包成浏览器能够一贯援用的JS文件。
  • Brunch特别轻易,速度相当的慢。Brunch的配置文件非常简单,入门文书档案特别详细。Brunch会自动生成Source Map,方便了开辟者Debug。
  • Yeoman能够用来别的编制程序语言(JavaScript, Python, C#, Java, etc.)。它是前端开垦的脚手架,有6210个插件。

总结

举例你是老道的死忠粉,无条件允许她关于 JavaScript 的整个观点,那么 JSLint 是您的不二抉择。只要把 老道 换成 Google 成立,JSLint 换成 Closure Linter 同样创立。

要是你有优质的单元测验作后续的身分担保,恐怕只 care 代码风格方面包车型地铁难题,那么 JSCS 就完全胜任。

比方您需要不高,更看得起开辟工具和条件的帮忙,还想顺便检查一下 HTML 代码中的 inline script,严重推荐 JSHint。得益于它的高普遍度,纵然官方文书档案有劳而无功的无力感,在社区的援助下也能极快的消除您的难题。

假设你的要求非常高,为团队制校对规极度详尽,何况不满足于 JSHint 与 JSCS 的结合,无妨尝试 ESLint。严酷的进献加入流程,快速的响应以及丰硕的文书档案都只是是它好多亮点中的冰山一角。

您还要检查 CSS 和 HTML,乃至还应该有 Less? 或者唯有 fecs 可以挽回你于水火,至于 fecs 是哪些,那是另一篇作品的故事情节了。

CSSLint是一遍那样便捷的CSS linting工具,以至于很难找到七个竞争对手能够与之媲美。或许那便是怎么 SublimeLinter linting框架会把它的CSS linting插件塑造在CSSLint上边包车型大巴缘由。SublimeLinter是一个SublimeText插件,给顾客提供了lint代码(CSS,PHP,Python,Java,Ruby等)的手法。

Autoprefixer

Autoprefixer 插件让帮您活动增多 CSS 厂商前缀,个人使用相比较实惠。借使是标准的品种,能够应用另外活动营造筑工程具在营造过程中集结实现。

图片 19

小编:大韩民国时代恺。本连串作品以 Addy & 马特 的再三再四串录像 Totally Tooling Tips 的剧情为根基重新整理而成,首要介绍一些(前端)开采者喜欢的工具和技巧。

Web 开拓者的 Sublime Text 插件,sublimetext Package Control 在 Sublime Text 上豪门都用Package Control来治本安装插件,所以它是大家要安装的首先个...

IDE & 编辑器

  • WebStorm是一款庞大的JavaScript IDE。它匡助各个框架和CSS语言,包蕴前端,后端,移动端以及桌面应用。WebStorm能够无缝结合第三方工具,举个例子构建设构造建、语法检查构建linter等等。它提供了代码补全,实时错误监测,导航,内置调节台,各个插件等一种类机能。
  • Atom是GitHub团队开辟的。开辟者可以很轻巧地对Atom进行自定义。Atom自带了二个包管理工科具,代码补全,文件系统浏览器,补助八个平台以及任何有效的成效。
  • Visual Studio Code是微软费用的IDE,帮衬TypeScript。它提供了代码补全,语法高亮,辅助Git命令等等。另外,它还应该有极其多的插件。
  • Brackets是三个轻量级的开源编辑器。它小心于可视化学工业具,能够扶持开辟者开荒Web应用。Brackets帮衬实时预览以及行内编辑。

补充

作文未完,和讯发掘已有类似的可比: A Comparison of JavaScript Linting Tools,可作参照他事他说加以考察。

1 赞 1 收藏 评论

图片 20

图片 21

文档

  • Swagger提供了一文山会海准则用于描述API。使用Swagger,能够制造清晰的文书档案,並且自动化API相关的操作(比方作用测验)。
  • JSDoc能够凭借javascript文件中注释新闻,生成JavaScript应用程序或库、模块的API文档。JSDoc能够用来管理大型项目。
  • jGrouseDoc是二个开源工具,可依赖JavaScript注释生成类似Jaavdoc 的源码文书档案。它不仅仅可感觉变量和函数生成文书档案,还足认为模块等别的因素生成文书档案。
  • YUIDoc依附Nodejs,能够将文档中的注释生成API文书档案。它利用类似于Javadoc与Doxygen的语法,並且支持实时预览,帮助各个语言,何况辅助标志语言。
  • Docco是免费的文档工具,由Literate CoffeeScript编辑。它将代码中的注释生成HTML文书档案。Docco并不限于JavaScript,同有时候扶助Python, Ruby, Clojure等语言。

3.StyleLint

测试

  • Jasmine是叁个行为使得开辟(BDD)框架,用于测量检验JavaScript代码。它不依赖任何第三方模块,也无需DOM。它的语法特别简单易懂,使得编写测验变得很简单。别的,它也得以用于测量检验Node.js,Python以及Ruby。
  • Mocha是叁个效用测验框架,用于测验Node.js以及浏览器端JavaScript。作为开辟者首荐的测验框架,它能够轻便的编排测量试验组,提供详细的测量试验报告,同时让异步测量试验极其简单。Mocha平日与断言库Chai来申明测量试验结果。
  • PhantomJS用从前端单元测量试验。由于PhantomJS是二个无界面包车型地铁Webkit浏览器引擎,与向来运用浏览器测量试验对照,使用PhantomJS脚本能够运维得越来越快。它协理各样网页标准,举例JSON, Canvas, DOM操作, SVG以及CSS选取器。
  • Protractor是一个端到端测量试验框架,用于测量检验Angular应用。它是依据WebDriverJS创设的,它可以由此浏览器事件依旧原滋事件,进而模拟真实客商,来测量试验应用。

StyleLint能够扶助开辟人士幸免CSS、SCSS中或另外另外PostCSS能够深入分析的语法错误。StyleLint测量试验了当先一百条法规,你可以挑选你想切换的这么些法则(见此比方配置)。

调试

  • JavaScript Debugger由Mozilla Developer Network (MDN)开拓,能够独自用于调节和测量检验Node.js代码,大概用于别的浏览器。Firefox提供了本地和长途调节和测量试验作用,而且,Firefox安卓端也用于调节和测量试验运维在安卓使用。
  • Chrome Dev Tools提供了一多种工具,能够用于调节和测量试验JavaScript代码,编辑CSS,以及测验应用品质。
  • ng-inspector是Firefox,Chrome和Safari浏览器插件,能够协理开采者开辟、精通以及调节和测量试验AngularJS应用。它提供了实时更新,DOM高亮等效果。
  • Augury是多少个Chrome插件,能够用来调节和测量试验Angular 2应用。它让开垦者能够向来查看应用结构,操作特征以及气象变化。

图片 22

安全

  • Snyk是三个付费服务,用于发掘、修复和防御JavaScript,Node.js和Ruby应用的已知漏洞。Snyk具有和睦的漏洞库,以及NSP和NIST NVD的纰漏数据。它同意开荒者使用它们的补丁和立异来修补那几个安全漏洞。
  • Node Security Project提供了工具用于扫描重视来监测漏洞。NSP使用本人的尾巴数据,以及源于NIST NVD的尾巴数据。NSP帮助集成GitHub和CI软件,实时监测和报告警方,并且能够提供什么样修复Node.js应用漏洞的提出。
  • RetireJS是三个开源的信赖性监测工具。它富含了几个零部件,满含命令行工具,Grunt插件,Firefox和Chrome插件,Burp和OWASP ZAP插件。Retirejs从NIST NVD,漏洞追踪系统,博客和邮件列表等手提式有线电话机漏洞数据。
  • 享用12个优化代码的CSS和JavaScript工具,JavaScript开拓工具大全。Gemnasium是多个付费工具,但是有免费方案。它协助各类技巧,比方Ruby, PHP, Bower, Python和npm。Gemnasium提供数不尽特别有效的特点,比方自动更新,实时报告警察方以及Slack集成等。
  • OSSIndex援助四个生态系统(Java, JavaScript和.NET/C#),以及多少个平台,比如NuGet, npm, Bower, Chocolatey, Maven, Composer, Drupal和MSI。它从NVD以及别的来源采撷漏洞数据。

4.W3C CSS Validator

代码优化 & 深入分析

  • JSLint是壹个Web服务,用于验证JavaScript的代码品质。当它检查判断到贰个标题时,它会回到难点的大致地点和失误音信。JSLint能够剖判部分编码标准以及语法错误。
  • JSHint能够开掘JavaScript中的错误以及部分神秘的标题。JSHint是一个静态代码解析工具,意在扶助开垦者编写大型的程序。它能够会诊语法错误、隐形类型转变等主题材料,然则它并不可能明确你的利用是不是科学、质量是还是不是丰盛好、以及是不是会生出内部存款和储蓄器泄漏。 JSHint是JSLint的二个fork。
  • ESLint是一个开源会诊工具,用于JSX和JavaScript应用。它能够帮忙开采者开采困惑的要么不适合一定编程标准的代码。它支持开采者在尚未实践代码从前开采JS代码中难点,节省了非常多时日。ESLint由Node.js编写,能够采用NPM安装。
  • Flow是JavaScript代码静态类型检验器,由Twitter(推特(Twitter))开采。Flow能够在编码时检查到花色错误并做出提醒。

就算W3C的CSS Validator平常不被以为是一种linting工具,但它为开拓人士提供了三个用W3C官方正规检查CSS代码的很好机缘。W3C创设它自个儿的辨证程序,目的在于提供五个类似于Lint程序检查器针对C语言的工具。

包管理

  • Bower是多少个用来管理前端注重的包管理器,推特创制。它提供了汪洋可供使用的注重包,帮助JavaScript开采者更利于地保管前端依赖的JS库。
  • NPMnode package manager的缩写,事实上NPM包可以用来前后端。它是JavaScript包管理系列,也是世界上最大的借助库,有高出475,000个模块。
  • Yarn是脸书(Facebook), Google, Exponent 和 Tilde 开荒的一款新的 JavaScript 包管理工科具。与NPM相比,它消除了中卫、质量以及一致性难点。
  • Duo吸取了Component享用12个优化代码的CSS和JavaScript工具,JavaScript开拓工具大全。, Browserify和Go的经历,致力于简化大型Web应用的营造进程。

招待插手我们Fundebug的全栈BUG监察和控制调换群: 622902485

图片 23

版权声明:
转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/06/19/javascript-tool-list/

图片 24

5.Dirty Markup

Dirty 马克up能够清理,格式化以及表达你的HTML、CSS和JavaScript代码。固然您心爱轻易直接的设计,并期待一个高效的建设方案,那么选它就对了。当你在编辑器中编辑或改变代码的时候,Dirty 马克up能够实时抛出荒谬音信和通报。

图片 25

6.JSLint

JSLint最早由DouglasCrockford发表于二零零二年,从那时起就有了旭日东升的肥力,由此你能够安枕无忧地肯定它是三个既安静又可信的JavaScript linting工具。

图片 26

7.JSHint

JSHint是二个社区驱动项目,始于竭力创制八个更可安插,不那么执着的JSLint版本。JSHint允许开采人士配置任何它的linting选项,然后把自定义的配存放到一个独自的文本中,那使得该工具很轻松重复使用,因而非常适合大型项目。

图片 27

8.ESLint

ESLint是JavaScript linting宏图中近日的一件盛事。之所以受应接是因为中度灵活的风味。你不但能够自定义多量尖端的linting准绳,将之与具备主要的代码编辑器集成,仍可以够很轻松地通过丰盛不相同的插件扩充其成效。

图片 28

9.JSCS

JSCS,或JavaScript Code Style,是指向JavaScript的三个可插拔的代码风格linter,用来检查代码格式法则。JSCS的对象是提供三个用编制程序方式实践遵守于某一 编码风格向导的手法。纵然JSCS不检查bug和错误,但它仍然为广大高科学技术行当的参预者,如谷歌(Google)、AirBnB和AngularJS所用,因为它能够帮忙开拓人士保持三个中度可读又平等的代码库。

图片 29

10.StandardJS

StandardJS,或JavaScript Standard Style是一种代码风格linter,有一点像JSCS,但分化是越来越简易和平素。假若您不想花时间在安排上,只想要八个能开箱即用的敏捷工具以来,那么StandardJS是一个超棒的精选。

图片 30

译文链接:
匈牙利(Hungary)语原著:10 CSS and JavaScript Linting Tools for Code Optimization

您大概感兴趣的稿子:

  • 您有不能缺少知道的11个JavaScript难题
  • Web质量优化种类11个进级JavaScript质量的手艺
  • 极力推荐十二个不足实用的JavaScript代码段
  • 十个JavaScript中易犯小错误
  • 分享10个原生JavaScript技巧
  • JavaScript开荒人士的十三个关键习贯小结
  • 10个在JavaScript开荒中常境遇的BUG

本文由澳门新萄京官方网站发布于澳门新萄京赌场网址,转载请注明出处:享用12个优化代码的CSS和JavaScript工具,JavaScript开

关键词: