vscode 调试 Egg.js

记录 vscode 调试 Egg.js 方法

初次使用 egg.js 作为后台,每次调试需要使用console和打印日志的方式调试,不便于开发,影响效率,特此记录。
网上还有他的方式,由于刚接触,就选择了最简单的方式
  1. 进入配置窗口,配置launch.json文件

    image.png

  2. 新增配置
      如果有配置过,跳过此步骤

    image.png

  3. 添加配置项
    • 这里我们选用Egg.js官网重的第二种方式,直接添加配置:
    {
      "version": "0.2.0",
      "configurations": [
            {
              "name": "Launch Egg",
              "type": "node",
              "request": "launch",
              "cwd": "${workspaceRoot}",
              "runtimeExecutable": "npm",
              "windows": { "runtimeExecutable": "npm.cmd" },
              "runtimeArgs": [ "run", "debug" ],
              "console": "integratedTerminal",
              "protocol": "auto",
              "restart": true,
              "port": 9229,
              "autoAttachChildProcesses": true
            }
        ]
    }
    • 直接启动:
      image.png
    • 终端展示此效果,说明启动成功
      image.png
  4. 添加断点,可以在左下角看到已经添加断点

    image.png

点击启动可能出现问题

问题
点击启动可能会出现`getaddrinfo ENOTFOUND`此关键词报错
原因
本地host配置没有绑定 127.0.0.1 为 localhost
解决
我的电脑为Mac,使用`swicthHost`工具,也可以命令行更改

image.png

再次启动就可以使用了!!!

你可能感兴趣的:(前端,eggjs)