通过 gulp 启动 nodemon 启动的 koa 服务端,想在 vs 中调试,Nodejs 配置方法是什么
通过 gulp 启动 nodemon 启动的 koa 服务端,想在 vs 中调试,Nodejs 配置方法是什么
想在 vscode 里断点调试,该怎么配置呢
5 回复
vsc 配置 attach process,或者换 ndb 调试
vsc 配置 attach process 大佬,可以详细一点么 0 0,
在 Visual Studio Code (VS Code) 中调试通过 Gulp 启动的 Nodemon,再启动的 Koa 服务端,你可以按照以下步骤进行配置:
-
安装必要的扩展: 确保你已经在 VS Code 中安装了
Node.js Extension Pack
或至少Debugger for Chrome
和Node.js
这两个扩展。 -
配置 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!'); }); });
-
配置 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"] // 根据你的构建输出路径调整 } ] }
-
开始调试: 现在,你可以在 VS Code 中选择“Launch via Gulp”配置并点击开始调试按钮,这样你就可以通过 Gulp 和 Nodemon 启动并调试 Koa 服务端了。