前言
Deno 是一个基于 JavaScript 和 TypeScript 的运行时环境，它的出现给前端开发带来了更多的选择。与 Node.js 不同的是，Deno 更加安全，拥有更好的模块管理和更好的性能。然而，由于 Deno 与 Node.js 有很大的不同，因此在开发过程中可能会遇到一些问题。本篇文章将介绍如何使用 VSCode 进行 Deno 的调试。
准备工作
在开始之前，需要安装 Deno 和 VSCode。Deno 可以通过官方网站下载，而 VSCode 可以通过官方网站或者其他渠道下载。安装完成后，需要在 VSCode 中安装 Deno 扩展。
启动调试
在 VSCode 中，可以通过调试功能进行 Deno 的调试。首先，需要在项目目录下创建一个 launch.json 文件。在该文件中，需要添加以下配置：
-- -------------------- ---- -------
-
---------- --------
----------------- -
-
------- -------
---------- ---------
------- ----- --------
------ ---------------------
-------------------- -------
-------------- ------- ---------------- ----------
------- -----
------------- -----
---------------- -----
-
-
-其中，cwd 表示项目的根目录，runtimeExecutable 表示 Deno 的可执行文件路径，runtimeArgs 表示 Deno 的启动参数，port 表示调试端口，sourceMaps 表示是否启用源码映射，outputCapture 表示是否捕获输出信息。
启动调试后，可以在 VSCode 中打开调试面板，选择 Deno Launch 配置，然后点击 Start Debugging 按钮，即可开始调试。
调试技巧
设置断点
在 VSCode 中，可以通过单击代码行号来设置断点。设置断点后，程序会在该处停止执行，可以查看变量的值、调用栈等信息。
查看变量值
在调试过程中，可以通过鼠标悬停在变量上来查看变量的值。此外，也可以在调试面板的变量视图中查看变量的值。
控制台输出
在调试过程中，可以在控制台输出调试信息。在代码中使用 console.log() 函数来输出信息，在控制台中可以查看输出的信息。
暂停调试
在调试过程中，可以通过点击调试面板的暂停按钮来暂停调试。此时，程序会在当前位置停止执行，可以查看变量的值、调用栈等信息。
单步调试
在调试过程中，可以通过单击调试面板的单步调试按钮来逐步执行代码。可以单步执行、逐过程执行、逐行执行等。
监视变量
在调试过程中，可以通过监视变量来查看变量的值的变化。在调试面板的变量视图中，选择要监视的变量，即可查看变量的值的变化。
示例代码
-- -------------------- ---- -------
-------- ------------ -------- ------ -
-- -- --- -- -
------ --
- ---- -
------ - - ----------- - ---
-
-
----- ------ - -------------
--------------------以上代码中，定义了一个计算阶乘的函数 factorial，并在其后调用该函数计算 5! 的值，并输出结果。可以使用 VSCode 进行单步调试，查看变量的值、调用栈等信息。
总结
本篇文章介绍了如何使用 VSCode 进行 Deno 的调试。通过设置断点、查看变量值、控制台输出、暂停调试、单步调试、监视变量等技巧，可以更加高效地进行 Deno 的开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6514cdc695b1f8cacdd2875d