译者按: 最全的JavaScript开辟东西列表，总有一款合适你！
原文: THE ULTIMATE LIST OF JAVASCRIPT TOOLS
译者: Fundebug
为了保证可读性，本文采纳意译而非直译。别的，本文版权归原作者一切，翻译仅用于进修。
简介
2017年1月，Stack Overflow年度开辟者调研一共访问了64000个顺序员，发明JavaScript已一连5年成为最盛行的编程言语。
这篇博客将引见一些经常运用的JavaScript开辟东西：
构建&自动化
· IDE&编辑器
· 文档
· 测试
· 调试
· 平安
· 代码优化&剖析
· 包治理
构建 & 自动化
Webpack对JavaScript运用依靠的一切模块举行静态剖析，天生依靠图，然后将它们打包成数个静态文件。
Grunt以将反复耗时的使命自动化。Grunt的生态体系异常大，有凌驾6010个插件。
Gulp宣布于Grunt以后，采纳了完整差别的体式格局，运用JavaScript函数定义使命。它有凌驾2770个插件，而且供应了更好的掌握。
Browserify使得开辟者能够在浏览器运用CommonJS模块。开辟者像在node环境一样，经由历程require(‘modules’)来构造模块之间的援用和依靠，Browserify将这些依靠打包成浏览器能够直接援用的JS文件。
Brunch异常简朴，速率很快。Brunch的配置文件异常简朴，入门文档异常细致。Brunch会自动天生Source Map，方便了开辟者Debug。
Yeoman能够用于任何编程言语(JavaScript, Python, C#, Java, etc.)。它是前端开辟的脚手架，有6213个插件。
IDE & 编辑器
WebStorm是一款壮大的JavaScript IDE。它支撑多种框架和CSS言语，包含前端，后端，挪动端以及桌面运用。WebStorm能够无缝整合第三方东西，比方构建构建、语法搜检构建linter等等。它供应了代码补全，及时毛病监测，导航，内置掌握台，种种插件等一体系功用。
Atom是GitHub团队开辟的。开辟者能够很容易地对Atom举行自定义。Atom自带了一个包治理东西，代码补全，文件体系浏览器，支撑多个平台以及其他有效的功用。
Visual Studio Code是微软开辟的IDE，支撑TypeScript。它供应了代码补全，语法高亮，支撑Git敕令等等。别的，它还有异常多的插件。
Brackets是一个轻量级的开源编辑器。它专注于可视化东西，能够协助开辟者开辟Web运用。Brackets支撑及时预览以及行内编辑。
文档
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等言语。
测试
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构建的，它能够经由历程浏览器事宜或许原生事宜，从而模仿实在用户，来测试运用。
调试
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运用。它让开辟者能够直接检察运用构造，操纵特征以及状况变化。
平安
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以及其他泉源网络破绽数据。
代码优化 & 剖析
JSLint是一个Web效劳，用于考证JavaScript的代码质量。当它诊断到一个题目时，它会返回题目的大抵位置和失足信息。JSLint能够剖析一些编码范例以及语法毛病。
JSHint能够发明JavaScript中的毛病以及一些潜伏的题目。JSHint是一个静态代码剖析东西，旨在协助开辟者编写大型的顺序。它能够诊断语法毛病、隐形范例转换等题目，然则它并不能肯定你的运用是不是准确、机能是不是足够好、以及是不是会发作内存走漏。 JSHint是JSLint的一个fork。
ESLint是一个开源诊断东西，用于JSX和JavaScript运用。它能够协助开辟者发明可疑的或许不符合特定编程范例的代码。它协助开辟者在没有实行代码之前发明JS代码中题目，节省了不少时候。ESLint由Node.js编写，能够运用NPM装置。
Flow是JavaScript代码静态范例检测器，由Facebook开辟。Flow能够在编码时搜检到范例毛病并做出提醒。
包治理
Bower是一个用于治理前端依靠的包治理器，Twitter建立。它供应了大批可供运用的依靠包，协助JavaScript开辟者更方便地治理前端依靠的JS库。
NPM是node package manager的缩写，事实上NPM包能够用于前后端。它是JavaScript包治理体系，也是世界上最大的依靠库，有凌驾475,000个模块。
Yarn是Facebook, Google, Exponent 和 Tilde 开辟的一款新的 JavaScript 包治理东西。与NPM比拟，它处理了平安、机能以及一致性题目。
Duo吸取了Component, Browserify和Go的履历，致力于简化大型Web运用的构建历程。
迎接到场我们Fundebug的全栈BUG监控交换群: 622902485。
版权声明:
转载时请说明作者Fundebug以及本文地点：
