5 个用于 Web 开发的最佳 JavaScript IDE

JavaScript 在 Web 开发中被大量使用，但也用于其他事物，如移动开发和应用程序。一个简单的文本编辑器可以满足 CSS 和 HTML5 的全部需求，但 JavaScript 还需要更多。以下是目前被广泛认为是用于 Web 开发的最佳 JavaScript IDE。

一个好的 JavaScript IDE 需要具备一些关键特性。它应该包括诸如自动代码完成、列表功能、代码生成、重构、智能导航、集成调试器和测试功能等工具。一个好的 IDE 还将包括错误和异常处理以及附加组件以扩展其功能。

此列表中的某些 JavaScript IDE 是付费的，有些是免费的，许多已下载到您的计算机上，但有一些是在线的。所有这些都受到好评，似乎很受欢迎。如果您正在寻找用于 Web 开发的新 JavaScript IDE，那么其中之一肯定会符合要求。

我不是编码员，但我最好的朋友之一是，所以我利用她的专业知识构建这个列表。

WebStorm

WebStorm 是最流行的 JavaScript IDE 之一，如果下载数量和正面评价都值得考虑的话。它从头开始设计为用户友好且易于使用，而且看起来确实如此。它与 JavaScript、HTML、CSS、Angular 和 Node.js 兼容，因此涵盖了所有基础。它还与 Angular、React 和 Meteor 框架以及 Cordova、PhoneGap 和 Ionic 移动开发应用程序兼容。

WebStorm 具有出色的代码重构实用程序，因此即使是新编码人员也可以生成整洁的代码。它可以提取变量、移动文件、自动完成以及参数和函数的帮助。如果您是一名更有经验的编码员，您会找到创建一些令人印象深刻的应用程序和功能所需的所有高级工具。

WebStorm 不是免费的，需要每年订阅才能使用。

Atom

Atom 是另一个非常流行的 JavaScript IDE。它本质上是一个文本编辑器，您可以根据需要添加任意数量的功能。 Atom 与 HTML、JavaScript、CSS 和 Node.js 兼容，基于 Electron 构建，这是一个跨平台框架，该框架已经在 JavaScript 编程中证明了其价值。

跨平台功能非常适合协作项目，而内置的包管理器提供添加许多预构建包或创建自己的包的能力。这是 Atom 最珍贵的功能之一，因为它提供了巨大的自由来配置 IDE，以完全按照您想要的方式使用它。

Atom 的其他功能包括自动完成、文件浏览器、查找和替换、自动关闭标签和一个有用的小地图，可在概览中显示您的代码。在处理较大的文件时，Atom 确实有变慢的趋势，并且显然存在内存泄漏，这会导致使用时出现延迟。除此之外，它非常受重视。

Atom 可以免费使用。

Codepen

Codepen 称自己为网络'。它是我上面提到的那些在线 JavaScript IDE 之一，并且非常擅长它的功能。它可以很好地与 HTML、CSS 和 JavaScript 配合使用，并且可以与 CoffeeScript 或 LiveScript 配合使用。对于想要学习代码并让同行对其进行审查的初学者，以及想要在实时预览环境中进行构建的经验丰富的编码人员，它都非常有用。

Codepen 中有许多 CSS、HTML 和 JavaScript 工具.您可以使用一些非常强大的工具包（如 Emmet）在 Pen 中创建代码，以快速生成干净的代码。如果您知道 Vim Key Bindings 的快速生成，您也可以使用它们。您还可以访问已安装的 IDE 所期望的常用代码工具和功能。

Codepen 的主要好处是社区。这是一个非常庞大且活跃的社区，可为代码、想法等提供帮助、建议和审查。

Codepen 有免费版和专业版。