使用 Visual Studio IIS Express 将 VSCode 调试器附加到 .NET Core 应用程序调试答案

【问题标题】：Attach VSCode debugger to .NET Core app debugging with Visual Studio IIS Express使用 Visual Studio IIS Express 将 VSCode 调试器附加到 .NET Core 应用程序调试
【发布时间】：2023-03-27 18:35:01
【问题描述】：

我有一个 Angular 应用程序，它在后端使用 .NET Core，在前端使用 Angular。我的团队使用 Visual Studio 2019 处理后端，但我更喜欢使用 VSCode 来处理 Angular。问题是，要启动应用程序，我是通过 de Visual Studio IIS Express 调试器来完成的，但是我无法在 VSCode 中建立断点或类似的东西。

我在 VSCode 调试器中看到有一些选项，例如“附加到 Chrome”，我认为这可能是与正在运行的应用程序建立这种连接的方式，但我真的不知道这是否可能或如何去做吧。希望您能帮我解决这个问题，并提前感谢大家。

【问题讨论】：

当 Visual Studio 为您提供断点等所有功能时，为什么您需要从 vscode 进行调试
我只是更喜欢它，如果有什么办法，我想这样做。如果没有，我会坚持使用 Visual Studio，但我只是不太喜欢 Web 应用程序的调试选项。

标签： c# angular visual-studio asp.net-core visual-studio-code

【解决方案1】：

Visual Studio 2017 Professional (v15.9.28307) 的最新更新对我有用

在 Visual Studio 中，为启用了远程调试的 chrome 设置浏览器配置。

单击 IIS Express 启动按钮旁边的下拉菜单并选择 Browse With...
为带有参数--remote-debugging-port=9222的chrome添加一个实例

在 VS 代码中

安装VS Code扩展Debugger for Chrome
使用您在 Visual Studio 中设置的远程调试端口，创建一个调试配置以附加到您项目的 chrome 中的 url：

{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "attach", "name": "Attach to Chrome", "url": "https://localhost:XXXX", "port":9222, "webRoot": "${workspaceFolder}" } ] }

使用 Visual Studio 中的调试配置启动您的应用程序，然后启动 chrome 开发工具。

从 VS Code 运行调试器附加配置

【讨论】：

我尝试添加此配置，但是当我尝试使用“启动浏览器”选项启动应用程序时，它给我一个连接错误并且无法启动。这是错误的屏幕截图和我的 .csproj 配置：gyazo.com/5c7726b4bd389cbc0e028c0f85b5caf2 如果我在没有“启动浏览器”选项的情况下执行此操作，VSCode 在端口 9222 上给我同样的错误
我下载了 Visual Studio 2019 并查看了详细日志 (APPDATA\Local\Temp\vscode-chrome-debug.txt)，当 IIS Express 时默认传递了 --remote-debugging-port=XXXX 参数启动。如果将端口复制到 vscode 配置中，那么附加调试配置应该可以工作，但问题是每次 IIS Express 启动时端口都会更改，这非常不方便