如今，JavaScript已用于许多不同类型的应用程序。 大多数情况下，JavaScript与HTML5和CSS一起构建Web前端。 但是JavaScript还可以帮助构建移动应用程序，并且它已经以Node.js服务器的形式在后端占据了重要位置。 幸运的是，JavaScript开发工具（包括编辑器和IDE）正在崛起，以迎接新的挑战。
为什么要使用IDE而不是编辑器？ 主要原因是IDE可以调试，有时可以分析您的代码。 IDE还支持ALM系统，并与Git，GitHub，Mercurial，Subversion和Perforce等集成以进行版本控制。 但是，随着越来越多的编辑者对这些系统添加了钩子，ALM支持变得与众不同。
带有JavaScript开发工具的Eclipse 2018
回顾Java Swing令人兴奋的新时代，我很喜欢使用Eclipse进行Java开发，但不久便转向了其他Java IDE。 五年多以前，当我使用Eclipse进行一些Android开发时，我发现体验还可以，但有些棘手。 当我在2014年尝试将Eclipse Luna与JSDT一起用于JavaScript开发时，对于通过JSHint的有效代码，它经常显示出假阳性错误。
相关视频：什么是JavaScript？ 创作者Brendan Eich解释
JavaScript编程语言的创建者Brendan Eich解释了该语言的使用方式，以及为什么该语言由于易于使用而仍然受到程序员的喜爱。
幸运的是，自那时以来，多家供应商和开源项目已步入正轨。 带有JavaScript开发工具的Eclipse 2018具有不错JavaScript编辑器和基于Chrome的调试器，但它不了解Angular使用的TypeScript或React使用的ES6和JSX文件。
Eclipse一直享有巨大的插件市场。 对于TypeScript，请考虑使用免费的TypeScript 1.0.0插件 。 对于Angular，TypeScript和ES6，请考虑商业化的Angular IDE （由CodeMix，以前称为Webclipse），对于具有JSX文件的React项目，请尝试使用开源TypeScript IDE 。 如果添加多个，则需要解决他们关于应编辑TypeScript文件的争议，但这没什么大不了的。
IDG
通过一些努力，您可以使Eclipse与Angular和React项目一起使用。 尽管Eclipse不支持现成的TypeScript，ES6或JSX文件，但是您可以添加Angular IDE和TypeScript IDE来填补空白。
据称CodeMix工具是在Eclipse中添加Visual Studio Code智能工具。 与大多数Eclipse插件不同，CodeMix的Angular IDE不是免费的，但确实有45天的免费试用期。 鉴于Visual Studio Code是免费的，因此在购买Angular IDE之前，我会考虑这一点。
费用：免费； CodeMix提供的Angular IDE，每年29美元（个人）或48美元（商业）。 平台：Windows，MacOS和Linux。
ActiveState Komodo IDE
自从2001年首次推出Komodo IDE以来，我一直是它的用户和粉丝。尽管诸如Visual Studio Code和WebStorm之类的较新产品在某些领域已经超越了它，但它仍然是一个不错的编辑器和IDE。
Komodo IDE提供了高级JavaScript编辑，语法高亮显示，导航和调试，但是不包括JavaScript代码检查。 为此，您始终可以在外壳中运行JSHint。
Komodo支持多种编程和标记语言。 凭借其广泛的编程和标记语言支持，包括重构，调试和分析，Komodo IDE是开源语言端到端开发的绝佳选择。
Komodo为所有可提供代码智能的语言提供代码重构模块：PHP，Perl，Python，Ruby，Tcl，JavaScript和Node.js。 不幸的是，这种方法的“最小公分母”性质限制了重命名变量和类成员以及将代码提取到方法中的能力。 但是，这些是一些最有用的情况。
Komodo IDE同时具有列编辑和多项选择功能。 就批量编辑而言，这与Sublime Text和TextMate几乎相等。 只要我们进行比较，Komodo更像是一个IDE，而Sublime Text则要快得多。 而且，只要我们在讨论性能，在屏幕绘制，搜索和语法检查方面，与旧版本相比，Komodo的速度已显着提高。
Komodo IDE具有大多数竞争产品所缺少的几个功能。 其中之一是它的HTTP Inspector，它非常适合调试Ajax回调。 另一个是它的Rx（正则表达式或regex）工具包，这是一种构建和测试JavaScript，Perl，PHP，Python和Ruby正则表达式的好方法。
协作是Komodo IDE的另一个与众不同之处-可以将其视为代码的Google文档。 您可以为文件组创建会话，将联系人作为协作者添加到会话中，然后通过近实时同步在同一文件上同时工作。
协作不是源代码控制的替代品，但它是有用的补充。 Komodo IDE使用CVS，Subversion，Perforce，Git，Mercurial和Bazaar集成了源代码控制。 仅支持基本的版本控制操作。 诸如分支之类的高级操作必须使用单独的源代码控制客户端来完成。
尽管Komodo没有自己JavaScript文档格式化程序，但它为此目的利用了最佳的免费开放源代码。 开箱即用，JavaScript文件的默认格式化程序是JS Beautifier，但是通过下拉菜单可以使用另外九个选项。
IDG
Komodo IDE提供了高级JavaScript编辑，语法高亮显示和导航，但不包括大量JavaScript代码检查（为此运行JSHint）。 Komodo支持多种编程和标记语言，重点是Perl，Python，PHP，Ruby，Tcl和XSLT，其中包括调试，重构，源代码控制集成和单元测试。
Komodo IDE支持在Chrome中调试客户端JavaScript，并且可以在本地和远程调试Node.js。 它还调试Perl，Python，PHP，Ruby，Tcl和XSLT。
Komodo IDE具有DOM查看器，可让您将XML和HTML文档视为可折叠的树。 它还允许您执行XPath搜索以过滤树。
科莫多（Komodo）的代码分析和单元测试模块不支持JavaScript。 但是，Komodo的代码智能模块均支持JavaScript和Node.js，该模块可实现代码浏览，自动完成和调用提示。
Komodo IDE可以通过FTP，SFTP，FTPS或SCP发布文件组。 Komodo还可以同步文件并检测可能导致您覆盖其他人的更改的潜在发布冲突。
总的来说，Komodo是一个不错JavaScript IDE，但不是很棒JavaScript编辑器。 但是，它可以很好地满足您的需求，特别是如果您还使用Perl，Python，PHP，Ruby，Tcl或XSLT。
成本：295美元，加上每年87美元的升级和支持费用。 平台：Windows（7或更高版本），MacOS（10.9或更高版本），Linux。
Apache NetBeans
NetBeans在Web项目中对JavaScript，HTML5和CSS3有很好的支持，并且它支持Cordova / PhoneGap框架来构建基于JavaScript的移动应用程序。 NetBeans并不是最快的IDE，但它是功能更完善的IDE之一。 而且，价格当然是正确的：NetBeans可在开源许可下免费获得。
NetBeans JavaScript编辑器提供了语法突出显示，自动完成和代码折叠的功能，几乎与您期望的一样。 JavaScript编辑功能还适用于嵌入PHP，JSP和HTML文件JavaScript代码。 jQuery支持包含在编辑器中。 NetBeans 8.2对Node.js和Express，Gulp，Grunt，AngularJS，Knockout.js，Jade，Mocha和Selenium具有新的或改进的支持。
代码分析在您编辑时在后台运行，并提供警告和提示。 调试可在嵌入式WebKit浏览器和安装了NetBeans Connector的Chrome中进行。 调试器可以设置DOM，行，事件和XMLHttpRequest断点，它将显示变量，监视和调用堆栈。 集成的浏览器日志窗口显示浏览器异常，错误和警告。
NetBeans可以使用JsTestDriver（一个可以免费下载的JAR（Java存档）文件）配置和执行单元测试。 如果在“服务”窗口中配置JsTestDriver时，如果将带有NetBeans Connector的Chrome指定为JsTestDriver浏览器之一，则将自动启用单元测试的调试。
当您使用NetBeans Connector在Chrome中调试Web应用程序并通过Chrome开发者工具编辑CSS时，更改将由NetBeans捕获并保存到CSS文件中。 但是，如果CSS文件是从Less或Sass样式表生成的，则必须手动更新源表，因为CSS文件仅仅是编译输出。
在嵌入式WebKit浏览器和安装了NetBeans Connector的Chrome中，您可以使用NetBeans网络监视器查看请求标头，响应和用于REST通信的调用堆栈。 对于WebSocket通信，将同时显示标题和文本框架。 总体而言，与使用Firebug的Firefox相比，NetBeans的Chrome调试体验要好一些。
IDG
NetBeans IDE支持JavaScript和Node.js，以及Java，C / C ++，XML，HTML5，PHP，Groovy，Javadoc，JSP和Cordova / PhoneGap。 JavaScript支持包括语法突出显示，自动完成，代码折叠，代码分析，调试和单元测试。
NetBeans将源代码控制与Git，Subversion，Mercurial和CVS集成在一起。 图形化Diff查看器和IDE中的书架系统增强了对Git的支持。 NetBeans对文件的Git状态进行颜色编码，使您可以查看每个文件的修订历史记录，并为每行受版本控制的文件显示修订和作者信息。 NetBeans与Subversion，Mercurial和CVS具有类似的集成，但是我仅测试了Git。
NetBeans将问题跟踪与Jira和Bugzilla集成在一起。 在NetBeans任务窗口中，您可以在已注册的任务存储库中搜索任务，保存搜索，更新任务并解析任务。 NetBeans还为使用Kenai基础结构的站点提供了团队服务器集成。
据我确定，NetBeans缺少任何JavaScript配置文件，尽管它可以配置Java应用程序和EJB模块。 尽管NetBeans可以重构Java和PHP，但不能重构JavaScript。
总体而言，NetBeans是客户端JavaScript，HTML5和CSS3开发的一个有力竞争者，尤其是如果您还在服务器上进行Java，PHP或C ++开发时。 如果您没有WebStorm的预算并且不喜欢Microsoft，您会发现NetBeans可以胜任，只要您不着急。
费用：免费。 平台：Windows，Solaris，MacOS，Linux。
Microsoft Visual Studio 2017年
在我对Visual Studio 2017的完整回顾中，我从整体上讨论了该产品，仅对JavaScript进行了一些引用。 我将在这里反转重点。
总体而言，Visual Studio 2017可以作为JavaScript IDE很好地使用，尽管它是一个更好的.Net IDE，但不如WebStorm for JavaScript好。 尽管它还可以很好地用作JavaScript编辑器，但它是更好的C＃编辑器，它不如JavaScript的Sublime Text好或快。
如您在下面的屏幕快照中所见，Visual Studio 2017在JavaScript语法着色和代码折叠方面做得很好。 它在JavaScript代码导航方面也做得很好：右键单击一个函数或成员名称，您可以轻松地跳转到定义或查找所有引用。 查看完定义后，您可以按界面顶部的后退箭头以返回到原来的位置。
您可以轻松地插入代码片段，并使用适当的代码（例如HTML或字符串变量的URL编码）将所选内容括起来。 除了JavaScript，HTML和CSS，您还可以编辑Markdown文件并查看呈现的Markdown，并且可以使用TypeScript。
此外，您当然可以使用任何.Net语言，C ++和Python进行编码。 而且像很长时间以来的Visual Studio一样，您可以直接从IDE处理数据库。 使用SQL Server数据库时，Visual Studio特别强大。 您可以使用Visual Studio代替SQL Server Management Studio来完成您作为开发人员要执行的大多数数据库操作。
Visual Studio 2017支持几乎所有您想扔给它的浏览器调试，包括移动设备和仿真器中的浏览器。 它还有两个自己的浏览器：普通的内部Web浏览器，它是Internet Explorer的一个版本（惊奇！），以及Page Inspector，它可以向您显示渲染的页面以及所有源和样式。 尽管Page Inspector会做很多潜在的耗时，反向工程的事情来为页面设置自己，但是一旦进入页面，您就可以呆在那里，而无需使用Visual Studio，浏览器和浏览器的开发人员工具。
如果您给Visual Studio 2017足够的内存和CPU功能，其性能通常会很好，但是它往往需要大量资源。 Visual Studio 2017对应用程序进行了出色的性能诊断，但是总的来说，它们对于通常在浏览器内部运行的普通JavaScript代码并不是很有用。 Visual Studio具有特定JavaScript功能计时，HTML UI响应能力和JavaScript内存工具，但它们仅适用于基于JavaScript的Universal Windows Platform项目，不适用于恰巧使用JavaScript的Web项目。
Visual Studio 2017使用Salsa分析引擎对Node.js，JavaScript ES6和TypeScript具有高级支持。 在ES6模式下，它可以自动（从DefinitelyTyped中）下载与NPM一起安装的Node.js软件包的“类型”，以提供改进的IntelliSense。 它也可以自动安装缺少的NPM模块，如左下方所示。
Visual Studio 2017包括出色的Node.js应用程序编辑，IntelliSense，性能分析，NPM集成，TypeScript支持，本地和远程调试（Windows，MacOS，Linux）以及在Azure Web Apps和Azure Cloud Services上进行调试。 它还支持CSS，HTML，JavaScript，TypeScript，CoffeeScript和Less。 这包括键入时运行JSHint，允许您从上下文菜单中最小化JavaScript文件以及在保存时自动编译CoffeeScript文件，并显示生成JavaScript的并排预览。
From: https://www.infoworld.com/article/3192844/review-the-6-best-javascript-ides.html
416
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
