Blazor Server：如何“观察文件更改”和“附加到 Visual Studio”

Question

看起来我被迫在两者之间进行选择（“监视文件更改模式”或“附加到 Visual Studio 模式”）。

这是 中的两个不同“配置文件” launchSettings.json，我必须选择其中之一：

"profiles": {
    ...
    "Watch file changes": { 
        "executablePath": "dotnet.exe",
        "workingDirectory": "$(ProjectDir)",
        "commandLineArgs": "watch run debug",
        "launchBrowser": true,
        "applicationUrl": "http://localhost:5000/",
        "environmentVariables": {
            "ASPNETCORE_ENVIRONMENT": "Development"
        }
    },
    "Attach to VS": {
        "commandName": "Project",
        "launchBrowser": true,
        "applicationUrl": "http://localhost:5000",
        "environmentVariables": {
            "ASPNETCORE_ENVIRONMENT": "Development"
        }           
    }
}

我必须选择一个不太理想，我希望能够应用断点（“附加到 VS”模式）并观察文件更改。

---

顺便说一句，对于那些感兴趣的人：配置文件“监视文件更改”必须与 .csproj 文件中的以下内容相协调：

<ItemGroup>
    <!-- Files that the "dotnet watch" will monitor for hot reloading: -->
    <Watch Include="**\*.razor" />
    <Watch Include="**\*.scss" />
    <Watch Include="**\*.cshtml"/>
    <Watch Include="**\*.cs" />
</ItemGroup>

Answer 1

我能够在 Visual Studio 2019 中调试（断点、逐步、检查变量）我的 Blazor Web assembly (Blazor WASM)。每当我保存某些文件（*.razor、*.razor.cs、*.css）时，dotnet都会自动重建项目然后Chrome会自动刷新页面。这就是我所做的：

1. 在 Visual Studio 中，使用“IIS Express”配置文件开始调试 (F5)。这将打开一个新的 Chrome 窗口。
2. 在项目目录中打开命令提示符。跑步dotnet watch run。这将打开一个新的 Chrome 选项卡。
3. 使用步骤 1 中的 Chrome 窗口打开步骤 2 中找到的网站。换句话说，复制步骤 2 中找到的 URL，然后将其粘贴到步骤 1 中找到的 Chrome 地址栏。