Visual Studio 代码调试器未附加由 express 生成器生成的示例 express 项目

Question

节点js版本：v8.11.3

VS 代码版本：1.29.1 x64

npm 版本：6.6.0

嗨， 在最后一个cd myapp/ 和npm install 之后，我使用express --view=jade myapp 命令创建了一个默认的快速骨架项目。

现在我正在尝试将 vscode 调试器附加到这个新创建的项目中，但没有成功。

这是我的launch.json的内容

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [

        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "protocol":"inspector",
            "port":3000,
            "program": "/home/pankaj/myfirstapp/myapp/app.js"
        }
    ]
}  

我也无法在调试控制台中看到任何错误。调试控制台中既没有成功也没有失败。

提前致谢

Answer 1

注意快速默认设置将launch.json中program的路径设置为"program": "${workspaceFolder}/bin/www"

Answer 2

端口 3000 是您的 express 应用程序的应用程序端口。如果您在启动配置中指定此选项，VS Code 调试器将尝试将其用作 debug 端口（这显然无法工作）。

此外，使用 VS Code 变量来指定程序所在的位置。例如。如果您在 myapp 目录中打开了 VS Code，请使用 ${workspaceFolder}/app.js 作为 program 属性：

例如：

{
        "type": "node",
        "request": "launch",
        "name": "Launch Program",
        "program": "${workspaceFolder}/app.js"
}