vscode中, Deno编译器和调试器配置(launch.json和task.json文件的配置)

每次用deno运行自己写的代码时都要去命令行输入 deno run ... , 感觉特别麻烦, 所以配置了vscode的运行任务

配置编译运行 Task.json

  1. 找到 终端 -> 运行任务

image

  1. 点击 配置任务 -> 使用模板创建task.json文件 -> Others

image

  1. 将下面的配置替换掉刚刚生成的task.json
// task.json
{
  // https://code.visualstudio.com/docs/editor/tasks
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Deno run",
      "type": "shell",
      "command": "deno",
      "args": [
        "run",
        "-A",
        "${file}", //当前文件名
      ],
      // 所以以上部分,就是在shell中执行(假设文件名为filename.ts)
      // deno run -A filename.ts
      "group": {
        "kind": "build",
        "isDefault": true,
      },
      "presentation": {
        "reveal": "always",
        "focus": true,
        "panel": "shared",
        "showReuseMessage": true,
        "clear": false
      }
    }
  ]
}

  1. 回到需要运行的文件下, 按下快捷键 Ctrl+Shift+B

其他的命令配置, 如 deno build ... 等等, 也同理。下面是deno调试的配置

配置调试 Launch.json

  1. 找到 运行 -> 打开配置

image

  1. 替换生成的launch.json
// launch.json
{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Deno",
      "type": "node",
      "request": "launch",
      "cwd": "${workspaceFolder}",
      "runtimeExecutable": "deno",
      "runtimeArgs": [
        "run",
        "--inspect-brk",
        "-A",
        "${file}"
      ],
      "port": 9229
    }
  ]
}
  1. 打断点, 按下快捷键 F5
4赞