最完整的JavaScript开发工具简介

本文将介绍一些常用的：

构建和自动化

Webpack对JavaScriptapp所依赖的所有模块执行静态分析，生成依赖关系图，然后将它们打包到几个静态文件中。

让重复和耗时的任务自动化。格兰特的生态系统非常庞大，拥有超过6010个插件。

Gulp在Grunt中发布后，采用了完全不同的方法，使用JavaScript函数来定义任务。它有2770多个插件，提供了更好的控制。

Browserify使开发人员能够在浏览器中使用CommonJS模块。开发人员，就像在节点环境中一样，使用require（'；模块'；）为了组织模块之间的引用和依赖关系，Browserify将这些依赖关系打包成可以被浏览器直接引用的JS文件。

早午餐非常简单快捷。Brunch的配置文件非常简单，介绍文档非常详细。Brunch将自动生成一个源映射，方便开发人员调试。

Yeoman可以用于任何编程语言（JavaScript、Python、C#、Java等）。它是一个前端开发的脚手架，有6213个插件。

IDE编辑器（&E）

WebStorm是一个强大的JavaScript IDE。它支持多种框架和CSS语言，包括前端、后端、移动和桌面app。WebStorm可以无缝集成第三方工具，如build-build、语法检查build-liner等。它提供代码完成、实时错误监控、导航、内置控制台、各种插件和其他系统功能。

Atom由GitHub团队开发。开发人员可以轻松定制Atom。Atom附带了包管理工具、代码完成、文件系统浏览器、对多个平台的支持以及其他有用的功能。

Visual Studio代码是由Microsoft开发的IDE，支持TypeScript。它提供了代码补全、语法高亮显示、Git命令支持等等。此外，它还有很多插件。

Brackets是一个轻量级的开源编辑器。它专注于帮助开发人员开发Webapp的可视化工具。括号支持实时预览和内联编辑。

文件

Swagger提供了一系列规则来描述API。使用Swagger，您可以创建清晰的文档并自动化与API相关的操作（如功能测试）。

JSDoc可以根据JavaScript文件中的注释信息生成JavaScriptapp或库和模块的API文档。JSDoc可用于管理大型项目。

JGroupDoc是一个开源工具，可以基于JavaScript注释生成类似Jaavdoc的源代码文档。它不仅可以为变量和函数生成文档，还可以为模块等其他元素生成文档。

YUIDoc基于Nodejs，可以从文档中的注释生成API文档。它使用类似于Javadoc和Doxygen的语法，并支持实时预览、各种语言和标记语言。

Docco是由Literate CoffeeScript编写的免费文档工具。它从代码中的注释生成HTML文档。Docco不仅限于JavaScript，还支持Python、Ruby、Clojure和其他语言。

测验

Jasmine是一个用于测试JavaScript代码的行为驱动开发（BDD）框架。它不依赖任何第三方模块，也不需要DOM。它的语法非常简单，易于理解，使得编写测试变得容易。此外，它还可以用于测试Node。js、Python和Ruby。

Mocha是一个功能测试框架，用于测试Node J和浏览器端JavaScript。作为开发人员首选的测试框架，它可以自由编写测试组，提供详细的测试报告，并使异步测试非常简单。Mocha通常使用断言库Chai验证测试结果。

PhantomJS用于前端单元测试。由于PhantomJS是一个没有界面的Webkit浏览器引擎，PhantomJS脚本可以比直接使用浏览器测试运行得更快。它支持各种网页标准，如JSON、Canvas、DOM操作、SVG和CSS选择器。

Protector是用于测试Angularapp的端到端测试框架。它基于WebDriverJS构建。它可以通过浏览器事件或本机事件模拟真实用户来测试app。

调试，调试

JavaScript调试器由Mozilla开发者网络（MDN）开发，可独立用于调试Node J代码或其他浏览器。Firefox提供本地和远程调试功能，Firefox Android也用于调试Androidapp。

Chrome开发工具提供了一系列工具，可用于调试JavaScript代码、编辑CSS和测试app性能。

ng检查器是Firefox、Chrome和Safari浏览器的插件，可以帮助开发人员开发、理解和调试AngularJSapp。它提供实时更新