如何在 Visual Studio 中运行 JavaScript 程序

什么是 Visual Studio Code？

Visual Studio Code，也称为 VS Code，是微软开发的一款流行软件，开发人员可以用它来编写和编辑各种编程语言的代码，例如 JavaScript。

借助 Visual Studio Code，我们可以在编辑器中运行程序，为开发人员提供更愉悦、更高效的编码体验。

我们可以使用内置终端在 VS Code 中运行 JavaScript 程序，或者我们可以使用 VS Code 提供的代码调试器。运行 JavaScript 程序还有另一种方法，我们可以使用 Visual Studio 扩展商店中的 Code Runner 扩展。

如何设置您的 JavaScript 环境

在运行 JavaScript 程序之前，我们需要为开发人员设置环境。有几个要点需要遵循才能实现这一点。

安装 Visual Studio Code

在 Visual Studio 中开始运行 JavaScript 程序之前，我们需要在我们的设备上安装 IDE。让我们看看如何安装 Visual Studio。

• 首先，我们需要为我们的操作系统（如 Windows、Linux 或 Mac）下载 VS Code 安装程序。
• 然后，我们需要运行安装程序并接受它弹出的权限，之后在我们的设备上安装 VS Code。
• 完成所有这些之后，Visual Studio 将顺利运行。

设置 Node.js

如果我们想在 VS Code 中运行 JavaScript 程序，那么我们需要在我们的设备上安装 Node.js。在 JavaScript 中，Node.js 是一个基于 Chrome v8 JavaScript 引擎构建的运行时，我们可以直接从其官方网站下载最新版本的 Node.js。

在下载之前，我们需要确保 Node.js 版本是否是长期支持版本 (LTS)。因为 LTS 为我们提供了长期的稳定性，使其成为开发环境的理想选择。

安装 Node.js 后，我们需要使用命令提示符验证 Node.js 和 NPM 的正确版本。

输出

安装 VS Code 扩展

借助 Code Extension，我们可以增强开发人员的体验。要在 VS Code 中运行 JavaScript 代码，我们需要安装 Code Runner 扩展。

• 打开 VS Code。
• 然后点击侧边窗口栏上的扩展按钮。在扩展侧边栏中搜索 code runner。
• 点击搜索结果中的第一个扩展并安装该扩展。

创建 JavaScript 文件

设置好环境后，我们将创建一个 JavaScript 文件，以便在 Visual Studio 中运行该文件。需要遵循一些步骤：

• 首先，打开 Visual Studio Code。
• 在 VS Code 中，我们需要通过点击“文件”菜单，然后选择“新建文件”来为我们的程序创建一个新文件。它将打开一个空白的新文件。
• 我们需要使用 .js 扩展名保存文件，这样它就可以表明这是一个 JavaScript 文件。例如，我们可以将其命名为 script.js。要保存文件，我们需要转到文件菜单，选择另存为，然后选择您计算机上的位置。
• 现在我们可以在新创建的文件中编写代码了。

示例

这个简单的 JavaScript 程序将在我们执行它时输出“Hello, My Name is Rohit”。

如何在 Visual Studio 中运行 JavaScript 程序

写完程序后，我们就有了 JavaScript 文件，现在让我们在 VS Code 中运行它。有两种方法可以在 Visual Studio 中运行 JavaScript 程序：

使用集成终端

借助 VS Code 中的集成终端，我们可以直接在编辑器中运行代码或命令。让我们看看如何运行我们的 JavaScript 程序：

首先，我们需要通过转到“终端”菜单并选择“新建终端”来打开集成终端。它将在屏幕底部打开一个新终端。

现在要运行您的程序，您需要使用 node 命令，只需键入 node <文件名>，例如 node script.js。

它会运行程序，并在终端中显示输出。

使用 Code Runner 扩展

在 Visual Studio 中，Code Runner 是一个非常有用的扩展，可以帮助我们快速运行程序并在 Visual Studio Code 中测试代码片段。我们可以使用它来运行 Java、C++ 等其他程序的代码。让我们看看如何使用它：

我们可以使用快捷键 Ctrl+Alt+N 来运行程序，或者我们可以点击 Visual Studio 屏幕右上角的播放按钮。

点击播放按钮后，它将运行程序并在我们的 VS Code 中显示输出。

使用 VS Code 调试器

在 Visual Studio Code 中，调试器是最有用的工具之一，可以帮助我们运行和调试程序。它还提供了一些有用的功能，如断点、日志点等。

我们可以使用这些功能在提供的终端中测试 JavaScript 程序。打开 JavaScript 扩展。

让我们看看如何使用 .install node

首先，我们需要点击 Visual Studio Code 工作区代码扩展侧边的调试图标。

之后，在出现的菜单中，选择“运行和调试”。

VS Code 会提示您选择调试器。如果我们的程序没有 html 文件，我们也可以选择 node JS。

选择调试器后，它将运行代码。我们可以在代码中添加断点来暂停和评估代码。