Chrome node.js 的 VS 代码 + 调试器

Posted 2023-02-23

【中文标题】Chrome node.js 的 VS 代码 + 调试器

【英文标题】：VS Code + Debugger for Chrome node.js

【发布时间】：2016-03-18 00:34:05

【问题描述】：

我已经在 VS Code 中安装了 Debugger for Chrome extension 0.2.0，但我似乎无法正确配置 launch.json。我正在使用琐碎的 Express App 样板 here。我有 --remote-debugging-port=9222 的 chrome 快捷方式。一切都适用于本机“类型”：节点配置。 Express 样板与节点 ./bin/www 一起运行，并且在 chrome 中可见 http://localhost:3000 以获取上下文。我正在寻找一个“请求”：启动条目，其工作方式类似于样板“名称”：“启动”“类型”：“节点”配置。也就是说，启动 Chrome 并显示网页，以便我可以设置客户端断点。

我的 chrome 的 launch.json 条目如下。

    
        "name": "Launch localhost with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost",
        "webRoot": "./bin",
        "sourceMaps": true
           

【参考方案1】：

我是这个扩展的开发者。根据您提供的信息，您需要将"url" 设置为"http:localhost:3000"，并且可能将"webRoot" 设置为"./bin/www"。如果您还有问题，请告诉我。

【讨论】：

这适用于启动 chrome，但它不会启动节点，因此 Express 后端同时运行。所以我最终出现浏览器错误，因为它无法加载默认页面。