How to debug Deno in VSCode

在VSCode中调试Deno的程序可以通过以下步骤来进行配置和执行：

1. 安装必要的插件

首先，确保你的VSCode已经安装了"Deno"插件。这个插件由denoland提供，可以通过VSCode的扩展市场搜索"Deno"并安装。

2. 启用Deno

在你的项目中，需要确保Deno的支持是被启用的。可以通过以下两种方式之一来启用：

• 工作区设置：打开.vscode目录下的settings.json文件，添加以下配置：

  json
  {
    "deno.enable": true
  }

• 通过命令：打开命令面板（Ctrl+Shift+P或Cmd+Shift+P），输入"deno: enable"并选择它来启用Deno支持。

3. 配置调试器

接下来，需要在VSCode中为Deno配置调试环境。在.vscode目录下创建或编辑launch.json文件，添加以下配置：

json
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Deno",
            "type": "pwa-node",
            "request": "launch",
            "cwd": "${workspaceFolder}",
            "runtimeExecutable": "deno",
            "runtimeArgs": [
                "run",
                "--inspect",
                "--allow-all",
                "${workspaceFolder}/app.ts" // 指定你的入口文件
            ],
            "port": 9229
        }
    ]
}

在这个配置中：

• "type": "pwa-node" 表示使用Node.js的调试协议。
• "runtimeExecutable": "deno" 指定使用Deno作为运行时环境。
• "runtimeArgs" 包含了运行Deno程序时需要的参数，例如--inspect用于开启调试，--allow-all给予所有权限（根据实际情况调整权限）。

4. 启动调试

配置好后，打开VSCode的“运行和调试”侧边栏，选择刚刚创建的"Deno"配置，然后点击绿色的启动调试按钮（或按F5键）。此时，VSCode将启动Deno程序，并在指定的端口上等待调试器连接。

5. 设置断点

在你的代码中设置断点，当运行到断点处，VSCode会自动暂停执行，你可以查看变量值、调用堆栈等信息来帮助理解和调试代码的执行流程。

示例

考虑如下简单的Deno程序app.ts：

typescript
console.log("启动程序");

function calculate(x: number, y: number): number {
    return x + y;
}

console.log("计算结果:", calculate(5, 3));

在calculate函数调用之前设置一个断点，当运行并触发断点时，你可以检查传入的参数x和y的值。

结论

通过上述步骤，你可以在VSCode中方便地设置、运行并调试Deno程序，利用强大的VSCode调试工具来提高开发效率和代码质量。