今，很多用应用中都需要JavaScript语言的支持，比如在HTML5或者CSS的网络构建中等，但是在JavaScript语言发展过程中也在遇到各种各样的挑战，幸运的是，JavaScript的编辑器和IDE也在不断更新，迎接这些挑战。

为什么要用IDE替代编辑器呢？主要是因为IDE拥有自动补全功能，还能提供用法提示，这些在工作中，尤其是入门阶段尤为重要。同时，IDE还支持ALM系统，可以与GIT、GtiHub、Mercurial、Subversion等进行整合，帮助变成这，节约时间和精力。那么接下来就让我们一起看看，有哪些值得推荐的JavaScript IDE吧！

WebStorm

WebStorm是JetBrains公司旗下一款JavaScript开发工具，中文也可以译为“网络风暴”，JetBrains公司同时还提供 Java， PHP， Ruby和Python的IDE工具。WebStorm可以实现针对JavaScript、TypeScript、stylesheet语言和其他最流行框架的智能代码补全、实时错误检测、以及强大的导航和重构功能。

可以说WebStorm几乎拥有所有你期待的功能，也正因如此，它目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

在WebStorm2017.1的新版本中，还集成了Jest，支持在编辑器或简便的树型视图中查看测试状态，还能从树型图快速跳转至测试；支持Vue.js，包括Vue模板中的编码协助、补全、导航、自动导入Vue组件及更多功能；支持标准样式，可以按照“标准样式”格式化自己的JavaScript代码。

Microsoft Visual Studio 2017

尽管Visual Studio 2017更适用于.NET IDE，而且也没有WebStorm那样适用于JS，但总的来说，是一个十分不错的JavaScript IDE。

正如大家所知道的那样，Visual Studio 2017是一款开发适用于 Android、iOS、Mac、Windows、Web 和云的应用，能够快速导航、编写并修复你的代码，实现轻松调试和诊断，根据你的喜好进行扩展和自定义，并实现有效协作。

NetBeans

在Web项目中，NetBeans能够很好地支持JavaScript， HTML5和CSS3，同时支持 Cordova/PhoneGap框架构建以JavaScript为基础的移动应用。NetBeans虽然不是多有IDE中最快捷的，但是它是最全面的一个。

这种IDE目前已经属于甲骨文公司（2009年与SUN一并被收购），用Java编写，NetBeans当前可以在Solaris、Windows、Linux和Macintosh OS X平台上进行开发，并在SPL(Sun公用许可)范围内使用。

Komodo

Komodo 提供高级JavaScript编辑、语法高亮、导航和调式功能，但是还不包括JavaScript代码检查功能，为此，你可以在shell中运行JSHint。Komodo IDE可以在 Windows、Mac OS X 和 Linux 上运行，并支持通用的开源语言 —— Python、Perl、PHP 和 Ruby。代码智能引擎非常可靠。它扫描所有语言安装找到定制扩展，比如 PEAR 模块。在项目方面，它支持与 CVS、Subversion 和 Perforce 的集成，也允许直接向服务器 FTP 传递代码。

总的来说，Komodo虽然称不上最好，但也是一个足够优质的IDE，它可以通过FTP，SFTP，FTPS或SCP发布文件组，也可以同步文件，并检测是否存在与他人的更改存在潜在的发布冲突等现象。

我们谈论一个已经被广泛使用的应用程序时，我们不得不提到 JavaScript。它与 HTML5 和 CSS 完美配合，可以开发令人惊叹的前端项目以及移动应用程序，这种前所未有的增长也带来了一系列不断适应技术趋势的 IDE。

IDE 优于普通编辑器，因为它能够调试代码，并且 IDE 还提供对 ALM 系统的支持。随着我们拥有的 IDE 数量的增加，很难区分理想工具和不需要的工具。

本文尝试对 JavaScript 的前5个IDE进行详细比较，并首先解释 5 个最流行的工具。

WebStorm

在受欢迎程度方面，WebStorm 是无与伦比的。 WebStorm 由 JetBrains 提供，它被公认为用于 JavaScript 开发的最强大的 IDE 之一。虽然它提供了很多效率并有助于提高生产力，但它总是非常昂贵。

可用的功能包括代码完成、轻松识别错误以及对大量流行语言的重构。 还有一个针对客户端代码的内置调试器。 这意味着开发人员甚至可以在不退出 IDE 的情况下检查和评估他们的代码。

在 WebStorm 中也可以进行测试，该工具提供易于阅读的报告，为用户提供有关调试测试的信息。 还有一个 spy-js 功能可以追踪鳕鱼并防止任何进一步的并发症。

Visual Studio Code

Visual Studio Code 已经存在了很长时间，并且深受大家的喜爱。 有很多开发人员在谈论 VS Code 对 Go 语言来说有多棒，然而，它也与大约 40 种其他语言兼容。 该平台非常适合前端开发。

Visual Studio Code 提供的一些功能是 IntelliSense，一种内置的 Git 集成，以及无需离开编辑器即可调试代码的能力。 通过众多可用的扩展，还提供了大量的自定义选项。 还支持多种语言，我们可以自信地说，这就是为什么它被列为最受欢迎的开发人员工具。

Atom IDE

如果没有 Atom，前 5 名的 IDE 列表将是不完整的。 使用 Electron 和 TypeScript 语言包，你可以享受与 JavaScript、CSS 和 Node.js 的兼容性。 开发人员还可以享受上下文感知的自动完成工具，它使编码更容易和更快。 这是对用于查找参考和检查定义的大纲视图的补充。

还有一个悬停工具可用于显示有关代码的信息，它与一组诊断工具协同工作，可以帮助开发人员理解任何不是由他们编写的代码。

Brackets

Adobe 是这个开源编辑器的提供者，它是用 JavaScript、HTML 和 CSS 编写的。 括号为你提供本机代码编辑体验，并且没有兼容性问题。 有一个实时预览功能，使其与你的浏览器同步。 这意味着可以立即推送代码编辑。 快速编辑用户界面还为你提供了所需的所有工具，并且无论你使用的是什么代码，它都能很好地工作。

Komodo Edit

Komodo Edit 是另一个非常令人兴奋的 JavaScript 选项。 它是高级 Komodo IDE 的一个版本，具有简化的界面。 它还作为一种直观的工具出现，可用于解决许多问题。 Komodo Edit 支持每个 Node.js 功能，具有调试、单元测试、与构建系统集成甚至协作等功能。

你还可以跟踪更改、智能签出书签、代码折叠、代码块和多项选择。 你还可以使用智能语言检测功能。

了解更多