12

我使用了一个简单的 CRUD 应用程序

  • 快递：4.13.4
  • 吞咽：3.9.1
  • mongodb：v3.0.6
  • 反应js：15.0.2。
  • 节点：4.0.0

对于服务器端代码，我听说可以通过Visual Studio Code (v1.1.1.)进行调试。

从 git bash 我通过 . 启动应用程序gulp serve。但我不知道如何开始调试！

我的 gulp 任务的片段。

gulp.task('serve',['bundle','start-server'],function(){

    browserSync.init({
        proxy:'http://localhost:3000',
        port:9001
    });

});

当我们单击 VS Code 上的调试按钮启动调试界面时，我们会看到一个 launch.json ，其中有两个配置选项。

{
"version": "0.2.0",
"configurations": [
    {
        "name": "Launch",
        "type": "node",
        "request": "launch",
        "program": "${workspaceRoot}",
        "stopOnEntry": false,
        "args": [],
        "cwd": "${workspaceRoot}",
        "preLaunchTask": null,
        "runtimeExecutable": null,
        "runtimeArgs": [
            "--nolazy"
        ],
        "env": {
            "NODE_ENV": "development"
        },
        "externalConsole": false,
        "sourceMaps": false,
        "outDir": null
    },
    {
        "name": "Attach",
        "type": "node",
        "request": "attach",
        "port": 3000,
        "address": "localhost",
        "restart": false,
        "sourceMaps": false,
        "outDir": null,
        "localRoot": "${workspaceRoot}",
        "remoteRoot": null
    }
]

}

我猜这些是启动和附加配置。但是我们实际上如何通过调试启动 gulp。

我见过人们通过将“程序”键修改为 "program": "/usr/local/bin/grunt". 但似乎我无法为 gulp 做到这一点

即使我通过 git bash 启动了我的应用程序并尝试按照此处所述“附加”调试器，vs 代码也只会显示一条错误消息，提示“已取消”！

TLDR；

  • 当我们在 VS 代码中启动调试时，我们如何启动 gulp（或）grunt（或）启动服务器？
  • 是否可以通过 cmd 或 bash 从外部启动应用程序，并且仍然能够使用调试器调试服务器端代码？如果是这样，launch.json 中需要进行哪些更改？
4

1 回答 1

23

好吧，后来有很多书签和链接，我终于通过启动和附加成功调试了。

通过启动配置进行调试：

      {
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/server.js",
            "stopOnEntry": true,
            "args": [],
            "cwd": "${workspaceRoot}",
            "preLaunchTask": null,
            "runtimeExecutable": null,
            "runtimeArgs": [
                "--nolazy"
            ],
            "env": {
                "NODE_ENV": "development"
            },
            "externalConsole": false,
            "sourceMaps": false,
            "outDir": null
        }

按下 VSC 调试视图上的绿色 > 按钮并在下拉菜单中选择启动选项时，您应该在 VSC 控制台中看到类似的内容。

node --debug-brk=21735 --nolazy server.js

并且调试器应该在 server.js 文件的第一行暂停。用断点调试！:)

通过附加配置进行调试：

       {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858,
            "address": "localhost",
            "restart": false,
            "sourceMaps": false,
            "outDir": null,
            "localRoot": "${workspaceRoot}",
            "remoteRoot": null
        }

从外部启动服务器

$node --debug-brk server.js

您的提示应该暂停在

Debugger listening on port 5858

按下 VSC 调试视图上的绿色 > 按钮，并在下拉列表中选择附加选项，调试器应自动附加自身并在 server.js 的第一行暂停

调试广告恶心

于 2016-05-24T10:45:16.193 回答