最全的JavaScript开发工具列表 总有一款适合你

简介

2017年1月，stack overflow年度开发者调研一共访问了64000个程序员，发现java已经连续5年成为最流行的编程语言。

构建 & 自动化

webpack对java应用依赖的所有模块进行静态分析，生成依赖图，然后将它们打包成数个静态文件。

grunt以将重复耗时的任务自动化。grunt的生态系统非常大，有超过6010个插件。

gulp发布于grunt之后，采用了完全不同的方式，使用java函数定义任务。它有超过2770个插件，并且提供了更好的控制。

browserify使得开发者可以在浏览器使用commonjs模块。开发者像在node环境一样，通过require(‘modules')来组织模块之间的引用和依赖，browserify将这些依赖打包成浏览器可以直接引用的js文件。

brunch非常简单，速度很快。brunch的配置文件非常简单，入门文档非常详细。brunch会自动生成source map，方便了开发者debug。

yeoman可以用于任何编程语言(java, python, c#, java, etc.)。它是前端开发的脚手架，有6213个插件。

ide & 编辑器

webstorm是一款强大的java ide。它支持多种框架和css语言，包括前端，后端，移动端以及桌面应用。webstorm可以无缝整合第三方工具，例如构建构建、语法检查构建linter等等。它提供了代码补全，实时错误监测，导航，内置控制台，各种插件等一系统功能。

atom是github团队开发的。开发者可以很容易地对atom进行自定义。atom自带了一个包管理工具，代码补全，文件系统浏览器，支持多个平台以及其他有用的功能。

visual studio code是微软开发的ide，支持type。它提供了代码补全，语法高亮，支持git命令等等。另外，它还有非常多的插件。

brackets是一个轻量级的开源编辑器。它专注于可视化工具，可以帮助开发者开发web应用。brackets支持实时预览以及行内编辑。

文档

swagger提供了一系列规则用于描述api。使用swagger，可以创建清晰的文档，并且自动化api相关的操作(例如功能测试)。

jsdoc可以根据java文件中注释信息，生成java应用程序或库、模块的api文档。jsdoc可以用于管理大型项目。

jgrousedoc 是一个开源工具，可根据java注释生成类似jaavdoc 的源码文档。它不仅可以为变量和函数生成文档，还可以为模块等其他元素生成文档。

yuidoc基于nodejs，可以将文档中的注释生成api文档。它使用类似于javadoc与doxygen的语法，并且支持实时预览，支持各种语言，并且支持标记语言。

docco 是免费的文档工具，由literate coffee编写。它将代码中的注释生成html文档。docco并不限于java，同时支持python, ruby, clojure等语言。

测试

jasmine 是一个行为驱动开发(bdd)框架，用于测试java代码。它不依赖任何第三方模块，也不需要dom。它的语法非常简单易懂，使得编写测试变得很简单。另外，它也可以用于测试node.js，python以及ruby。

mocha是一个功能测试框架，用于测试node.js以及浏览器端java。作为开发者首选的测试框架，它可以*的编写测试组，提供详细的测试报告，同时让异步测试非常简单。mocha通常与断言库chai来验证测试结果。

phantomjs用于前端单元测试。由于phantomjs是一个*面的webkit浏览器引擎，与直接使用浏览器测试相比，使用phantomjs脚本可以运行得更快。它支持各种网页标准，例如json, canvas, dom操作, svg以及css选择器。

protractor是一个端到端测试框架，用于测试angular应用。它是基于webdriverjs构建的，它可以通过浏览器事件或者原生事件，从而模拟真实用户，来测试应用。

调试

java debugger由mozilla developer network (mdn)开发，可以独立用于调试node.js代码，或者用于其他浏览器。firefox提供了本地和远程调试功能，并且，firefox安卓端也用于调试运行在安卓应用。

chrome dev tools提供了一系列工具，可以用于调试java代码，编辑css，以及测试应用性能。

ng-inspector是firefox，chrome和safari浏览器插件，可以帮助开发者开发、理解以及调试angularjs应用。它提供了实时更新，dom高亮等功能。

augury是一个chrome插件，可以用于调试angular 2应用。它让开发者可以直接查看应用结构，操作特征以及状态变化。

安全

snyk是一个付费服务，用于发现、修复和预防java，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, java和.net/c#)，以及多个平台，例如nuget, npm, bower, chocolatey, maven, composer, drupal和msi。它从nvd以及其他来源收集漏洞数据。

代码优化 & 分析

jslint是一个web服务，用于验证java的代码质量。当它诊断到一个问题时，它会返回问题的大致位置和出错信息。jslint可以分析一些编码规范以及语法错误。

jshint可以发现java中的错误以及一些潜在的问题。jshint是一个静态代码分析工具，旨在帮助开发者编写大型的程序。它可以诊断语法错误、隐形类型转换等问题，但是它并不能确定你的应用是否正确、性能是否足够好、以及是否会发生内存泄漏。 jshint是jslint的一个fork。

eslint是一个开源诊断工具，用于jsx和java应用。它可以帮助开发者发现可疑的或者不符合特定编程规范的代码。它帮助开发者在没有执行代码之前发现js代码中问题，节省了不少时间。eslint由node.js编写，可以使用npm安装。

flow是java代码静态类型检测器，由facebook开发。flow可以在编码时检查到类型错误并做出提示。

包管理

bower是一个用于管理前端依赖的包管理器，twitter创建。它提供了大量可供使用的依赖包，帮助java开发者更方便地管理前端依赖的js库。

npm是node package manager的缩写，事实上npm包可以用于前后端。它是java包管理系统，也是世界上最大的依赖库，有超过475,000个模块。

yarn是facebook, google, exponent 和 tilde 开发的一款新的 java 包管理工具。与npm相比，它解决了安全、性能以及一致性问题。

duo吸取了component, browserify和go的经验，致力于简化大型web应用的构建过程。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。