您的位置:新葡亰496net > 新葡亰官网 > 新葡亰496net开拓者的,JavaScript开辟工具大全

新葡亰496net开拓者的,JavaScript开辟工具大全

发布时间:2019-08-31 18:10编辑:新葡亰官网浏览(120)

    JavaScript 代码静态品质检查

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

    原稿出处: 百度efe - 笔者中山人(@i我中山人)   

    自鸿蒙初判,Brendan Eich 10 天捏出 Mocha 之后,固然进化成 EcmaScript,那些语言照旧毁誉相随。这些经过大多苦难,侥幸渡劫成功的苦主标记了非常的多天坑(见 JavaScript Garden) —— 当然,你也能够称之 feature。据无权利乱猜,DougRuss Crockford 也没少踩坑,于是才有了蝴蝶书《JavaScript: The Good Parts》,降水天与 JSLint 一齐行使会更配哟。

    新葡亰496net 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 的接纳办法这里不再赘言。

    新葡亰496net 2

     

    译者按: 最全的JavaScript开辟工具列表,总有一款适合您!

    JSLint

    JSLint 的名字源于刚(Yu-Gang)开始阶段用于检查 C 语言代码品质的 Lint,老道把以为非 Good Parts 、有陷阱的某个全部报 warning,并且绝不允许妥胁(当前版本现已同意部分的可安排项),固执得令人惋惜。

    就算那么些在 2000 年的 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 的行使办法这里不再赘述。

    新葡亰496net 3

     

    JSHint

     

    Linter 是帮扶您检查代码难点的一类工具,帮您开采秘密的谬误或不佳的代码习于旧贯。JSHint 是反省 JavaScript 代码的好工具,援助广大编辑器和 IDE 。新葡亰496net 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 大师 DougRuss Crockford 创作和护卫的。JSHint 是 JSLint 的 fork 版,由社区保卫安全,更可扩大、越来越灵敏,使用者也越来越多,Mozilla、jQuery 都在用 JSHint 。ESLint 是另一人 JavaScript 专家  Nicolas C. 扎卡s 主导的社区档期的顺序。

    注:SublimeLinter 是 Sublime 上 linter 类插件的 framework,所以广大 linter 都注重那些插件。Package Control: Install Package 中输入 SublimeLinter- 会列出大批量 SublimeLinter- 开头的 linter 插件,如下图:

    新葡亰496net 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 团队也日渐察觉到那些标题标要害,2011年时曾有 讨论 使用 esprima 生成 AST(见 jshint-next,指示该品种已过期,已 merge 到主项目,但在 贰零壹贰/5 又从主项目移除,现已难觅芳踪,原因未明),并有特意针对 JSHint 的 warning 作修复的fixmyjs。

    1.CSSLint

    JSHint

     

    Linter 是协助你检查代码难点的一类工具,帮你发觉神秘的一无可取或糟糕的代码习于旧贯。JSHint 是反省 JavaScript 代码的好工具,帮助广大编辑器和 IDE 。新葡亰496net 6

    Sublime 上要使用 JSHint 能够设置:SublimeLinter-JSHint 插件。注意安装那个插件前要求先安装 SublimeLinter 以及 jshint 命令本身,更加的多新闻见 SublimeLinter-JSHint 安装表明。简单地说便是:

    注:JavaScript 有相当多 linter 工具,如 JSLint 、JSHint 和 ESLint 。JSLint 是 JavaScript 大师 道格Russ Crockford 创作和敬重的。JSHint 是 JSLint 的 fork 版,由社区维护,更可扩展、更加灵敏,使用者也越来越多,Mozilla、jQuery 都在用 JSHint 。ESLint 是另一人 JavaScript 专家  Nicolas C. Zakas 主导的社区项目。

    注:SublimeLinter 是 Sublime 上 linter 类插件的 framework,所以重重 linter 都依附那几个插件。Package Control: Install Package 中输入 SublimeLinter- 会列出大方 SublimeLinter- 初步的 linter 插件,如下图:

    新葡亰496net 7

    JSCS

    代码中绝非不当还远远不足,好的代码须求遵循一模二样的代码风格(代码不唯有给机器用,依旧给人看不是啊?)。JSCS 是反省代码风格的工具,能够配备比较多代码风格法规,举例空格的供给、括号的职位等,还足以平素接纳 jQuery、谷歌(Google) 等代码风格方案。

    Sublime 上急需设置 SublimeLinter-JSCS 。这些插件同样依附SublimeLinter 以及 jscs 命令自身。简单安装表达如下:

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

    其它,你还是能够设置三个 JSCS-Formatter 插件,达成全自动代码格式化。

    新葡亰496net 8

    译者: Fundebug

    Closure Linter

    Closure Linter 属于 Closure 家族成员,源于 2003年的 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 插件,实现机关代码格式化。

    新葡亰496net 9

    ColorHighliter

    Color highlighter 插件能够自动呈现CSS 或 Sass 中声称的颜色,令你看透。暗中认可配置下,当鼠标移到颜色变量上时背景就能化为注明的水彩。

    新葡亰496net 10

    还是能设置各类颜色展现情势,私下认可配置见: ‘Package Settings’ > ‘Color Highlighter’ > ‘Settings – Default’ 。举例,大家在该插件的 User 设置中做如下设置能够高达下图的展现效果:

     

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

    新葡亰496net 11

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

    为了保险可读性,本文选取意译而非直译。其余,本文版权归原来的著我全体,翻译仅用于学习新葡亰496net开拓者的,JavaScript开辟工具大全。。

    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.

    新葡亰496net开拓者的,JavaScript开辟工具大全。再看它的 package.json 中的依赖包:

    能够窥见它使用了 esprima 生成 AST,再通过 estraverse 遍历作自己商议,因而质量上会逊于 JSLint 与 JSHint,可是带来的收益是轻松维护和壮大,相对于质量上的损失,是一丝一毫值得的。别的,JSCS 可通过 esprima-harmony-jscs 实现对 ES6 的支撑,而且自带错误修复技能。

    JSCS 与 JSHint 份属合作,相互利用对方作本项指标代码检查。

    新葡亰496net 12

    ColorHighliter

    Color highlighter 插件能够活动展现 CSS 或 Sass 中宣称的颜料,让您看透。暗中认可配置下,当鼠标移到颜色变量上时背景就能成为表明的颜料。

    新葡亰496net 13

    还能安装四种颜料呈现情势,暗中认可配置见: ‘Package Settings’ > ‘Color Highlighter’ > ‘Settings – Default’ 。举例,我们在该插件的 User 设置中做如下设置可以直达下图的浮现效果:

     

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

    新葡亰496net 14

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

    AutoFileName

    AutoFileName 在你在输入文件名是提供自动提示,减少人工的输入错误。

    新葡亰496net 15

    简介

    二〇一七年7月,Stack Overflow年度开垦者调研合计访谈了64000个程序猿,开采JavaScript已经一而再5年成为最流行的编制程序语言。

    新葡亰496net 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 在你在输入文件名是提供自动提醒,收缩人工的输入错误。

    新葡亰496net 17

    Autoprefixer

    Autoprefixer 插件让帮您活动增多CSS 厂家前缀,个人运用相比有利。假若是规范的项目,可以应用其它活动创设筑工程具在营造进度中集合完毕。

    新葡亰496net 18

    作者:韩国恺。本排山倒海小说以 Addy & 马特的所有人家录像 Totally Tooling Tips 的内容为根基重新整理而成,首要介绍部分(前端)开采者喜欢的工具和技巧。

    构建 & 自动化

    • Webpack对JavaScript应用依赖的有着模块进行静态解析,生成依赖图,然后将它们打包成数个静态文件。
    • Grunt以将另行耗费时间的职务自动化。Grunt的生态系统非常大,有超过6011个插件。
    • Gulp宣布于Grunt之后,选择了完全两样的方法,使用JavaScript函数定义职分。它有高出27柒14个插件,并且提供了更加好的调控。
    • Browserify使得开辟者能够在浏览器采取CommonJS模块。开荒者像在node意况同样,通过require('modules')来公司模块之间的援用和依赖,Browserify将那么些正视打包成浏览器能够直接援用的JS文件。
    • Brunch非常简单,速度极快。Brunch的布局文件极度轻易,入门文书档案特别详细。Brunch会自动生成Source Map,方便了开辟者Debug。
    • Yeoman可以用于其余编制程序语言(JavaScript, Python, C#, Java, etc.)。它是前端开垦的脚手架,有6212个插件。

    总结

    万一您是老道的死忠粉,无条件允许她关于 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 商家前缀,个人运用比较方便。假若是正规的连串,能够运用其它活动构建筑工程具在塑造进程中集结实现。

    新葡亰496net 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 收藏 评论

    新葡亰496net 20

    新葡亰496net 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应用。它让开采者可以直接查看应用结构,操作特征以及气象变化。

    新葡亰496net 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,漏洞追踪系统,博客和邮件列表等手提式有线话机漏洞数据。
    • 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代码静态类型检验器,由脸书开采。Flow能够在编码时检查到品种错误并做出提醒。

    纵然W3C的CSS Validator日常不被感觉是一种linting工具,但它为开荒职员提供了多少个用W3C官方正规检查CSS代码的很好时机。W3C创立它自个儿的阐明程序,目的在于提供二个像样于Lint程序检查器针对C语言的工具。

    包管理

    • Bower是四个用以管理前端依赖的包管理器,照片墙创立。它提供了大气可供使用的依附包,扶助JavaScript开辟者更有益地保管前端重视的JS库。
    • NPMnode package manager的缩写,事实上NPM包能够用于前后端。它是JavaScript包管理类别,也是世界上最大的借助库,有凌驾475,000个模块。
    • Yarn是照片墙, 谷歌, Exponent 和 Tilde 开拓的一款新的 JavaScript 包管理工科具。与NPM相比较,它化解了平安、品质以及一致性难题。
    • Duo吸取了Component, Browserify和Go的经历,致力于简化大型Web应用的创设进度。

    接待加入我们Fundebug的全栈BUG监察和控制调换群: 622902485

    新葡亰496net 23

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

    新葡亰496net 24

    5.Dirty Markup

    Dirty 马克up能够清理,格式化以及表明你的HTML、CSS和JavaScript代码。如若你喜欢轻易直接的统筹,并期待贰个高速的解决方案,那么选它就对了。当你在编辑器中编辑或修改代码的时候,Dirty 马克up能够实时抛出荒谬音讯和通报。

    新葡亰496net 25

    6.JSLint

    JSLint最先由DouglasCrockford公布于二零零零年,从那时起就有了蓬勃的生气,由此你能够安全地肯定它是三个既安静又可信的JavaScript linting工具。

    新葡亰496net 26

    7.JSHint

    JSHint是叁个社区驱动项目,始于竭力创立二个更可配备,不那么执着的JSLint版本。JSHint允许开拓人士配置任何它的linting选项,然后把自定义的计划泄到一个单身的文件中,那使得该工具很轻巧重复使用,因而特别适合大型项目。

    新葡亰496net 27

    8.ESLint

    ESLint是JavaScript linting宏图中前段时间的一件盛事。之所以受款待是因为中度灵活的本性。你不但能够自定义一大波尖端的linting准则,将之与具备首要的代码编辑器集成,仍是能够很轻巧地因此增加分歧的插件扩大其作用。

    新葡亰496net 28

    9.JSCS

    JSCS,或JavaScript Code Style,是针对JavaScript的一个可插拔的代码风格linter,用来检查代码格式准绳。JSCS的靶子是提供一个用编程情势实行遵从于某一 编码风格向导的手段。即便JSCS不检查bug和不当,但它依然为大多高科技(science and technology)行业的参与者,如Google、AirBnB和AngularJS所用,因为它能够帮助开辟职员保持一个惊人可读又同样的代码库。

    新葡亰496net 29

    10.StandardJS

    StandardJS,或JavaScript Standard Style是一种代码风格linter,有一点像JSCS,但分裂是尤为轻易和直接。假如您不想花时间在布署上,只想要一个能开箱即用的立刻工具以来,那么StandardJS是一个超棒的选择。

    新葡亰496net 30

    译文链接:
    马耳他语原稿:10 CSS and JavaScript Linting Tools for Code Optimization

    新葡亰496net,您恐怕感兴趣的小说:

    • 您有须求明白的10个JavaScript难题
    • Web品质优化系列10个提高JavaScript品质的本领
    • 极力推荐10个不足实用的JavaScript代码段
    • 12个JavaScript中易犯小错误
    • 分享10个原生JavaScript技巧
    • JavaScript开辟职员的十一个重要习于旧贯小结
    • 13个在JavaScript开采中常境遇的BUG

    本文由新葡亰496net发布于新葡亰官网,转载请注明出处:新葡亰496net开拓者的,JavaScript开辟工具大全

    关键词: