最全的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应用的构建过程。

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

# JavaScript  # 开发工具  # 分享9个最好用的JavaScript开发工具和代码编辑器  # JavaScript 开发工具webstrom使用指南  # 我用的一些Node.js开发工具、开发包、框架等总结  # Js+Dhtml:WEB程序员简易开发工具包(预先体验版)  # 是一个  # 文档  # 多个  # 它可以  # 开源  # 它是  # 自己的  # 可以直接  # 第三方  # 可以帮助  # 以及其他  # 编辑器  # 生态系统  # 编程语言  # 后端  # 也不  # 管理系统  # 很容易  # 微软  # 采用了 

相关文章： 营销式网站制作方案,销售哪个网站招聘效果最好？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  建站主机是否属于云主机类型？  制作销售网站教学视频,销售网站有哪些？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  南平网站制作公司,2025年南平市事业单位报名时间？  Swift开发中switch语句值绑定模式  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何选择域名并搭建高效网站？  网站制作免费,什么网站能看正片电影？  如何续费美橙建站之星域名及服务？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  如何在Mac上搭建Golang开发环境_使用Homebrew安装和管理Go版本  如何挑选高效建站主机与优质域名？  宁波免费建站如何选择可靠模板与平台？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  如何零基础开发自助建站系统？完整教程解析  东莞专业制作网站的公司,东莞大学生网的网址是什么？  上海网站制作开发公司,上海买房比较好的网站有哪些？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  广东企业建站网站优化与SEO营销核心策略指南  如何快速选择适合个人网站的云服务器配置？  如何选择适配移动端的WAP自助建站平台？  广州商城建站系统开发成本与周期如何控制？  购物网站制作公司有哪些,哪个购物网站比较好？  建站之星24小时客服电话如何获取？  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  如何做静态网页,sublimetext3.0制作静态网页？  javascript中对象的定义、使用以及对象和原型链操作小结  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  建站之星CMS五站合一模板配置与SEO优化指南  网站制作费用多少钱,一个网站的运营，需要哪些费用？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  Python如何创建带属性的XML节点  专业公司网站制作公司,用什么语言做企业网站比较好？  建站之星代理如何优化在线客服效率？  如何规划企业建站流程的关键步骤？  招贴海报怎么做,什么是海报招贴？  建站之星伪静态规则如何正确配置？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  微信h5制作网站有哪些,免费微信H5页面制作工具？  网站制作价目表怎么做,珍爱网婚介费用多少？  Swift中swift中的switch 语句  公司网站设计制作厂家,怎么创建自己的一个网站？  如何选择香港主机高效搭建外贸独立站？  广州美橙建站如何快速搭建多端合一网站？