TOC

This article is currently in the process of being translated into Chinese (~94% done).

Getting started:

The tools you need

JavaScript 是您将需要开始使用的工具中最简单的编程语言之一。事实上,你可能不需要下载任何东西就可以开始使用:JavaScript可以在任何文本编辑器中编写,甚至是一个简单的Windows记事本(或类似的Mac/Linux替代品),当涉及到解释和测试代码时,你只需要一个Web浏览器。换句话说,您可以开始学习 JavaScript,而无需支付昂贵的 IDE 费用或下载复杂的编译器/解释器。

话虽如此,您仍然可以获得一些工具来增强使用上的体验。接下来让我们简单聊下能做些什么。

编辑器

正如我所说,当你编写 JavaScript 时,可以使用记事本或任何其他简单的文本编辑器,但如果你曾经使用过实际目的就是为了编写代码的编辑器,你就会知道它可以大大提高你的效率!现代代码编辑器/IDE(集成开发环境)将通过AutoComplete和 IntelliSense 等功能帮助你更快、更高效地编写代码。对于 JavaScript 来说也是如此。

由于 JavaScript 与 Web 紧密相连,您可能已经在使用一种代码/Web 编辑器来编写 HTML 和/或 CSS。如果是这样,它可能同样也支持编辑 JavaScript,我建议您在学习 JavaScript 时坚持使用此编辑器。如果没有,我建议你给自己找一个代码编辑器/IDE。

让我们来讨论一下各种选择:

在线编辑器

首先,您可能需要使用在线编辑器。由于 JavaScript 与 Web 有着如此密切的联系,因此有大量的在线编辑器可以做很多与“真正的”编辑器相同的事情,并且可以直接在浏览器中使用,而无需安装任何东西。它们通常被称为“playgrounds”或“fiddles”,因为它们主要用于测试、演示和共享代码,而不是用于处理大型项目(尽管其中一些在线编辑器甚至可以用于此目的),这使得它们非常适合用于本教程代码示例的测试和演示。

所以,如果你还没有一个喜欢的 Web 编辑器,而你只是想看看 JavaScript 是否是你想花一些时间学习的东西,我绝对会推荐一个在线编辑器。它们提供各种级别的 IntelliSense,帮助您更高效地编写 JavaScript 代码,并且可以直接在浏览器中即时测试代码。以下是一些建议:

可以试试看,然后看你最喜欢哪一个。

简单的文本编辑器

正如前面提到的,你可以使用任何一种简单的文本编辑器,比如你的操作系统中可能包含的(Windows的记事本等)。然而,这主要是为纯粹主义者准备的,他们坚持尽可能少地获得帮助。对于其他人,我推荐本文中列出的其他替代方案之一,您可以从IntelliSense、语法检查等功能中获得帮助。

Web 编辑器

市面上有一些很好的网页编辑器,它们都非常注重网页相关的技术,比如HTML、CSS和JavaScript。它们有时被称为“HTML编辑器”,可能是因为它们就是这样开始的,但它们中的大多数也支持JavaScript。我不打算在这里推荐特定的编辑器,但是Wikipedia有一个编辑器列表,您可以查看。

Visual Studio Code

Visual Studio Code是由Microsoft开发的最全面的IDE之一,用于编写许多语言的代码,包括JavaScript。由于这是一个非常强大的多用途工具,如果您刚刚入门,它可能不是最佳选择。但是如果你想要一个完整的HTML、CSS、JavaScript和其他语言的解决方案,VS Code绝对值得一试。它适用于Windows, Mac和Linux,可以在这里下载

解释器/JavaScript 引擎

除非你有特殊的需求,否则我建议你使用你已经可以使用的JavaScript引擎:你的web浏览器中的那个。所以,无论你是在一个简单的文本编辑器中本地编写代码并在浏览器中打开它,还是使用IDE并让它为你启动web浏览器,或者在一个在线编辑器中编写代码并直接从那里测试,你都可以很好的开始。

另一方面,如果你已经知道你想要在浏览器外使用JavaScript,例如通过Node.js,你应该去下载它。但这并不在本教程的范围内——我们只讨论语言。

总结

JavaScript语言很好用而且很容易上手--你所需要的只是一个简单的文本编辑器,比如Windows的记事本或Linux或Mac的任何内置替代品,以及一个网络浏览器。有了这些,让我们继续学习JavaScript的旅程。


This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!