Top 4 JavaScript 代码编辑器

了解更多关于 JavaScript 开发人员的高级文本编辑器。
733 位读者喜欢这篇文章。
Top 4 JavaScript code editors

Opensource.com

JavaScript 无处不在,它在网络上的普遍存在是不可否认的。每个应用程序都以某种形式使用它。任何认真对待 Web 的开发人员都应该学习 JavaScript。如果您已经了解它,请务必继续学习新的框架、库和工具,因为 JavaScript 是一种鲜活的、不断发展的语言。

JavaScript 社区拥有出色的开源环境,这促成了一些优秀的开源 JavaScript IDE(集成开发环境)。开源运动非常强大,您可以使用许多 IDE 来编写 JavaScript 程序。


就像任何其他编程语言一样,对于 JavaScript 编辑器或 IDE 没有特定的要求,但一个好的编辑器或 IDE 应该能够处理所有与 JavaScript 相关的任务,包括编译、调试、语法突出显示、缩进等。

我将展示一款顶级开源 JavaScript IDE,同时,我还会列出一些几乎可以与 IDE 的功能相媲美的高级文本编辑器,您可以使用它们来完成作为 JavaScript 开发人员的任何工作。

带有 JSDT 的 Eclipse

Eclipse 是最著名的 IDE 之一。您可能已将其与其他编程语言一起使用,因为它支持所有主要的编程语言。Eclipse 对 JavaScript 的支持来自 JSDT(JavaScript 开发工具)的帮助。JSDT 基于 JDT(Java 开发工具),并提供了大量功能。您可以使用这些工具来编写 JavaScript Web 应用程序或通用的 JavaScript 应用程序。

Eclipse 并非以速度著称;与其他 IDE 或文本编辑器相比,它相对较慢;但是,它经过多年的发展已经成熟,对于目前具有强大处理能力的开发机器来说,速度不会成为问题。

带有 JSDT 的 Eclipse 的一些主要功能包括

  • 它提供适当的语法突出显示
  • 它具有自动完成功能
  • 它支持 JSDoc 元素生成
  • 它具有流程分析
  • 它具有重构功能

Atom

Atom 是一款 21 世纪可hack的文本编辑器,专为喜欢自定义文本编辑器的开发人员而设计。它很容易超越简单文本编辑器的范畴,可以被认为是 IDE。您可以通过调整配置文件来更改 Atom 提供的所有内容。

安装很简单——下载、安装和编码。为了使开发更容易,Atom 配备了一个包管理器,您可以使用它来安装不同的包来扩展和增强其功能。

如果您是前端开发人员并想充分利用 Atom,则需要安装这些包和插件。一些值得注意的 Atom 插件,您可以使用它们来改善您的编码体验,包括 Atom Beautify、Atom TernJS、Auto-update packages、Autocomplete modules、Editor Config、DocBlocker 等。

前端开发人员 Satyajit Sahoo 在他的文章 在 Atom 中增强 JavaScript 开发中解释了如何使用这些插件来获得最大收益。

Atom 的一些主要功能

  • 它带有自动完成功能
  • 它提供多个工作窗格
  • 它支持跨平台(即,它可以在 Linux、Windows 和 OS X 上运行)

Brackets

Brackets 是一款著名的前端开发文本编辑器。它是一款强大的文本编辑器,主要为前端工程师构建。它由 Adobe 使用三种主要技术开发:JavaScript、HTML 和 CSS。如果您是 JavaScript 开发人员,您可以轻松地 hack Brackets。

高可重配置性、轻量级以及使用惊人的用户界面的能力使 Brackets 成为 JavaScript 开发人员的绝佳选择。新功能不断添加到 Brackets 中,以使其更新到 JavaScript 开发标准。您还可以借助在线提供的数百个扩展来改进 Brackets 的功能。

Brackets 的一些主要功能

  • 它提供实时预览
  • 它可以很好地与 Adobe 产品配合使用
  • 它支持 SCSS 和 LESS
  • 它支持 JavaScript 框架,方便开发
  • 它支持缩进、自动完成和其他重要的代码编写、编辑和编译功能

Visual Studio Code

Visual Studio Code 是新秀。它是开源的,专为构建云和 Web 应用程序而构建。Visual Studio Code 可以被视为 Visual Studio 的替代品。有兴趣快速入门的开发人员可以使用 Visual Studio Code,但他们不会获得 Visual Studio 提供的广泛功能集。

Visual Studio Code 配备了处理 JavaScript 开发所需的所有功能。它的用户界面也非常出色和现代化。您可以动态编辑、调试和修改 JavaScript 代码。它还支持诸如 Peek、查找所有引用、重命名符号等功能。您还可以使用Visual Studio Code 扩展来根据您的需要进行自定义。

Visual Studio Code 的一些主要功能包括

  • 它支持 IntelliSense
  • 它提供自动类型获取
  • 它易于配置
  • 它提供客户端和服务器端调试
  • 它支持代码片段

最终想法

您可能已经注意到,我列出的文本编辑器比真正的 IDE 更多。我这样做有两个原因。首先,可用的开源 IDE 不多。其次,今天的文本编辑器几乎提供了您需要的 IDE 的所有功能。Atom、Brackets、Visual Studio Code 都是文本编辑器,它们为您提供了正确的 JavaScript 开发所需的所有功能。您可以调试、编辑、上传等,而无需离开编辑器。

带有 JSDT 的 Eclipse 是一个真正的 IDE,您可以将其用于您的 JavaScript 冒险。但是,与本文中列出的其他替代方案相比,它相对较慢。

您是否有任何您认为适用于 JavaScript 开发的开源 IDE?如果有,请在下面的评论区告诉我们。此外,请告诉我们您使用哪种 IDE 进行 JavaScript 开发以及原因。

Michael Livecoding.tv
Michael 博士是位于洛杉矶的 Education Ecosystem. Inc.(前身为 Livecoding.tv)的创始人兼首席执行官。Education Ecosystem (LEDU) 是一个基于项目的学习平台,教导学生如何构建编程、游戏开发、人工智能、网络安全、数据科学和区块链等领域的真实产品。

12 条评论

Netbeans

关于 Javascript 编辑器,最重要的事情是它应该用 Javascript 编写并在浏览器中运行。

现在可以在 Linux 上原生运行 MS 的 VisualStudio 吗?如果不能,那么可能值得在文章中声明,为了使用它,您必须牺牲操作系统的自由。其他编辑器则不然(所有这些编辑器都可以在 Linux 上原生运行)。

是的,可以,它是用 Electron 构建的(与 Atom 相同。)我刚开始使用它(在 Mac 上),看看我是否会从 Atom 切换过来。他们的页面上有 Linux 下载,但我没有使用过。我在文档中看到的唯一一件事是,您无法在 Linux 版本中自动更新插件。除此之外,他们没有将 Linux 版本称为特殊版本。

回复 ,作者:Lightweight

Sublime 怎么样?

我将 sublime 用于我的所有编程,我喜欢它如何完全支持我了解的每种语言。不幸的是,它不是 FOSS,这就是它没有在列表中的原因。所有这些编辑器都采用 GPL 或 MIT 许可。

回复 ,作者:Syukron (未验证)

我正在等待一个不仅仅做自动完成,而且还做“自动开始”的 IDE。

我不是专业的 JS 开发人员,但是当我有机会使用它时,我会在 Emacs 中使用 javascript-mode。结合自动完成和其他一些增强功能,它的工作效果非常好,而且我受益于已经了解编辑器。

我从未使用过 Visual Studio Code 以外的其他编辑器。感谢您列出 Bracket,看到您的开发与代码并行进行,这很有趣。

我使用 GNOME Builder - 基于 GNOME 技术的超棒 IDE。

我从未使用过上面 4 个代码中的任何一个。感谢您列出 bracket,看到您的并行代码的开发很有趣。

知识共享许可协议本作品根据知识共享署名-相同方式共享 4.0 国际许可协议获得许可。
© . All rights reserved.