VSCode调试egg.js项目

C#

浏览数:76

2019-10-10

AD:资源代下载服务

设置断点

首先,在需要调试的地方打好断点

断点示例

如上图,点击左侧的行数,158行就可以打上断点了

配置launch.json文件

1. 进入调试窗口

点击vscode左侧的debug窗口,如果你之前没有配置过launch.json文件,那么现实效果就会如下图一样。

调试窗口禅师

2. 新建launch.json配置文件

点击左上方,【没有配置】,添加配置

VSCode本身就内置了Node.js的调试工具,如果将来你需要调试别的东西,可以在这里选择添加对应的调试插件工具。

添加Node.js配置

这里我们调试的是Node.js,就选择Node.js,然后VSCode会在/.vscode目录中新建一个launch.json文件

3. 配置launch.json文件

launch.json文件新建好后,我们需要进行一些配置操作,这里我们选择的是,附加到进程。

后面我们是先启动egg的调试进程,然后再将vscode附加到进程中的。

配置VScode的Attach

这里有一个很关键的节点,program这个属性写的就是你需要调试的js文件,我这边调试的是刚才打上断点的文件pledges.js

选择需要调试的js文件

4. 开启egg的调试模式

使用iterm进入到工程目录,开启调试模式

npm run dev --debug

用调试模式启动项目

在VSCode中选择Attach to Process,并且选择egg-cluster这个进程。

选择egg-cluster这个线程

等请求进入到刚才打断点的地方,VSCode就会自己跳转到调试点啦,然后就可以尽情调试啦~

debugger中

BTW,如果你有更好,更简单的调试方式请告诉我…

launch.json配置文件

{
    // 使用 IntelliSense 以学习相关的 Node.js 调试属性。
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "attach",
            "name": "Attach to Process",
            "processId": "${command:PickProcess}",
            "port": 5858
        },
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "program": "/app/service/pledges.js"
        }
    ]
}

作者:NextGame