Deno 是一个新兴的 JavaScript 和 TypeScript 运行时，它由 Node.js 的创始人 Ryan Dahl 开发。Deno 在很多方面都比 Node.js 更加现代化和安全，例如支持 ES6+ 的语法、默认开启沙箱模式等。在本文中，我们将学习如何使用 VSCode 进行 Deno 的调试。
安装 Deno
在开始之前，我们需要先安装 Deno。Deno 可以通过官网提供的安装脚本进行安装，也可以通过包管理器进行安装。这里我们选择使用包管理器安装。如果你使用的是 macOS 或 Linux，则可以使用以下命令进行安装：
$ curl -fsSL https://deno.land/x/install/install.sh | sh
如果你使用的是 Windows，则可以使用以下命令进行安装：
iwr https://deno.land/x/install/install.ps1 -useb | iex
安装完成后，我们可以通过以下命令来验证 Deno 是否成功安装：
$ deno --version
创建一个简单的 Deno 应用
接下来，我们将创建一个简单的 Deno 应用，并使用 VSCode 进行调试。
首先，我们在项目目录下创建一个名为 app.ts 的文件，并输入以下代码：
function greet(name: string): void {
console.log(`Hello, ${name}!`);
}
greet("Deno");该应用定义了一个 greet 函数，该函数会在控制台输出一条问候。我们在应用的最后一行调用了该函数，并将参数设置为 "Deno"。
接下来，我们需要创建一个名为 .vscode/launch.json 的文件，该文件用于配置 VSCode 的调试器。我们可以通过以下命令来创建该文件：
$ mkdir .vscode $ touch .vscode/launch.json
在 launch.json 文件中输入以下内容：
-- -------------------- ---- -------
-
---------- --------
----------------- -
-
------- -------
------- -----------
---------- ---------
-------------------- -------
---------- ----------------------------
---------- ---------------------
------------------------- -----------
-
-
-launch.json 文件中定义了一个名为 Deno 的调试配置。该配置使用了 pwa-node 调试器，并指定了 Deno 的可执行文件路径和应用程序的入口文件路径。
现在，我们可以通过点击 VSCode 左侧的调试按钮，选择 Deno 配置，并点击 Start Debugging 按钮来启动调试器。如果一切正常，应用程序应该会在终端中输出 Hello, Deno!。
调试应用程序
现在，我们已经成功地启动了 Deno 应用程序的调试器。接下来，我们将演示如何使用调试器来调试应用程序。
首先，我们可以在 app.ts 文件中添加一个断点，以便在程序执行到该行时暂停：
function greet(name: string): void {
console.log(`Hello, ${name}!`);
}
greet("Deno"); // 添加断点然后，我们再次启动调试器，并在程序暂停时检查变量的值。我们可以使用 VSCode 的调试工具栏来执行以下操作：
- 恢复程序的执行
- 单步执行程序
- 检查变量的值
通过调试工具栏，我们可以非常方便地调试应用程序，并快速定位问题。
总结
在本文中，我们学习了如何使用 VSCode 进行 Deno 的调试。我们首先安装了 Deno，并创建了一个简单的 Deno 应用程序。然后，我们创建了一个调试配置，并启动了调试器。最后，我们演示了如何使用调试工具栏来调试应用程序。
希望这篇文章能够帮助你更好地了解 Deno，并学会使用 VSCode 进行调试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fcff0cd10417a22285b053