通过 gulp 启动 nodemon 启动的 koa 服务端,想在 vs 中调试,Nodejs 配置方法是什么

发布于 1周前 作者 htzhanglong 来自 nodejs/Nestjs

通过 gulp 启动 nodemon 启动的 koa 服务端,想在 vs 中调试,Nodejs 配置方法是什么

想在 vscode 里断点调试,该怎么配置呢

5 回复

vsc 配置 attach process,或者换 ndb 调试


vsc 配置 attach process 大佬,可以详细一点么 0 0,

非常感谢。

在 Visual Studio Code (VS Code) 中调试通过 Gulp 启动的 Nodemon,再启动的 Koa 服务端,你可以按照以下步骤进行配置:

  1. 安装必要的扩展: 确保你已经在 VS Code 中安装了 Node.js Extension Pack 或至少 Debugger for ChromeNode.js 这两个扩展。

  2. 配置 Gulp 任务: 在你的 gulpfile.js 中,确保你的任务类似如下:

    const gulp = require('gulp');
    const nodemon = require('gulp-nodemon');
    
    gulp.task('default', function () {
        nodemon({
            script: 'app.js',  // 你的 Koa 应用入口文件
            ext: 'js,json',
            watch: ['.']
        }).on('start', function () {
            console.log('Nodemon started!');
        });
    });
    
  3. 配置 VS Code 调试: 打开 .vscode/launch.json 文件(如果不存在,则通过点击调试侧边栏的齿轮图标创建),添加以下配置:

    {
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node",
                "request": "launch",
                "name": "Launch via Gulp",
                "runtimeExecutable": "gulp",
                "program": "${workspaceFolder}/gulpfile.js",
                "args": ["default"],
                "restart": true,
                "console": "integratedTerminal",
                "internalConsoleOptions": "neverOpen",
                "sourceMaps": true,
                "outFiles": ["${workspaceFolder}/dist/**/*.js"]  // 根据你的构建输出路径调整
            }
        ]
    }
    
  4. 开始调试: 现在,你可以在 VS Code 中选择“Launch via Gulp”配置并点击开始调试按钮,这样你就可以通过 Gulp 和 Nodemon 启动并调试 Koa 服务端了。

回到顶部