20

我们如何配置.vscode/launch.json调试 Deno 项目?

我在时 VSCode 提供的 IntelliSense 没有为 Deno 提供configurations选项。或者有这个扩展吗?

4

3 回答 3

21

您需要按照deno 手册附加调试器。

创建.vscode/launch.json替换<entry_point>为您的实际脚本,然后F5.

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Deno",
            "type": "node",
            "request": "launch",
            "cwd": "${workspaceFolder}",
            "runtimeExecutable": "deno",
            "runtimeArgs": ["run", "--inspect-brk", "-A", "<entry_point>"],
            "port": 9229
        }
    ]
}

它将停在您在 VS Code 上设置的断点处,在这里尝试过,效果很好。

关于 VS Code 插件:

插件的官方支持正在开发中 - https://github.com/denoland/vscode_deno/issues/12

于 2020-05-17T18:30:47.773 回答
9

官方的VS Code Deno 扩展从v2.3.0开始提供方便的调试支持

来自 PR 的截屏视频:

在此处输入图像描述

新鲜项目

您已经可以在没有(非常有用)F5的情况下调试活动文件。launch.json

launch.json使用Deno条目自动生成:按CTRL+ Shift+ D(打开调试视图)→“创建 launch.json 文件”→ Deno

在现有中添加 Deno 条目launch.json

按下Add Configuration...打开launch.json(参见上面的截屏视频)。 F5现在将触发当前活动的调试启动操作。

启动活动文件

要在已配置的情况下调试当前活动文件launch.json,请更改:
{
  "type": "pwa-node",
  "program": "${file}", // change "program" value to "${file}"
  // ...
},

创建调试选择快捷方式

// Inside keybindings.json
{
    "key": "ctrl+alt+d",
    "command": "workbench.action.debug.selectandstart",
    "args": "Start debug task"
},

该快捷方式称为"Debug: Select and Start Debugging"- 另请参阅此相关帖子

在调试控制台中启用日志输出

要在调试控制台中显示日志输出,我仍然需要添加"outputCapture": "std"到配置条目。更多信息:

有关的

于 2020-09-25T09:17:47.200 回答
8

要调试当前文件,您可以使用以下配置:)

"outputCapture": "std"允许 deno 打印到 VS 代码控制台

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Deno",
            "type": "node",
            "request": "launch",
            "cwd": "${workspaceFolder}",
            "runtimeExecutable": "deno",
            "runtimeArgs": ["run", "--inspect-brk", "-A", "${fileBasename}"],
            "outputCapture": "std",
            "port": 9229
        }
    ]
}

PS刚刚添加到Evandro Pomatti的答案中

于 2020-05-24T02:32:30.983 回答