Blazor 服务器：如何"watch file changes"和"attach to 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"模式(，还监视文件更改。

---

BTW，对于那些感兴趣的人：；监视文件更改"；必须与以下添加到.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 Webassembly(Blazor WASM(。每当我保存某些文件(*.razor、*.razor.cs、*.css(时，dotnet会自动重建项目，然后Chrome会自动刷新页面。以下是我所做的：

1. 在Visual Studio中，使用"；IIS Express"；轮廓这将打开一个新的Chrome窗口
2. 在项目目录中打开命令提示符。运行dotnet watch run。这将打开一个新的Chrome选项卡
3. 使用步骤1中的Chrome窗口打开步骤2中找到的网站。换句话说，复制步骤2中找到的URL，然后将其粘贴到步骤1中找到的Chrome地址栏中

Answer 2

步骤：

• 右键单击解决方案资源管理器中的主文件夹名称
• 转到"；在文件资源管理器中打开文件夹">
• 在文件资源管理器中，
  • 在搜索中键入cmd
  • dotnet watch run

优点：

• 这会为你节省很多时间
• 自动重新加载

缺点：

• 将不会附加任何调试器
• 不会进行硬重新加载(不能100%确定(
• 在难题中，最好不要使用它