c#的webassembly怎样调试 - 问答

要在C#中使用WebAssembly进行调试，请按照以下步骤操作：

安装.NET Core SDK和Blazor WebAssembly模板

确保已安装最新版本的.NET Core SDK。可以从 https://dotnet.microsoft.com/download 下载并安装。

打开命令提示符或终端，运行以下命令以安装Blazor WebAssembly模板：

dotnet new -i Microsoft.AspNetCore.Components.WebAssembly.Templates::3.2.0-preview5.20216.8

创建一个新的Blazor WebAssembly项目

在命令提示符或终端中，运行以下命令以创建一个新的Blazor WebAssembly项目：

dotnet new blazorwasm -o MyBlazorApp

这将创建一个名为“MyBlazorApp”的新文件夹，其中包含项目文件。

打开项目文件夹

使用Visual Studio Code或任何其他文本编辑器打开项目文件夹。

添加调试配置

在项目根目录下创建一个名为.vscode的文件夹（如果尚不存在），然后在该文件夹中创建一个名为launch.json的文件。将以下内容添加到launch.json文件中：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": ".NET Core Launch (web)",
      "type": "coreclr",
      "request": "launch",
      "preLaunchTask": "build",
      "program": "${workspaceFolder}/bin/Debug/<TARGET_FRAMEWORK>/<ASSEMBLY_NAME>.dll",
      "args": [],
      "cwd": "${workspaceFolder}",
      "stopAtEntry": false,
      "serverReadyAction": {
        "action": "openExternally",
        "pattern": "^\\s*Now listening on:\\s+(https?://\\S+)"
      },
      "env": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      },
      "sourceFileMap": {
        "/Views": "${workspaceFolder}/Views"
      }
    }
  ]
}

请注意，您需要将<TARGET_FRAMEWORK>替换为您的项目目标框架（例如，netstandard2.1），并将<ASSEMBLY_NAME>替换为您的程序集名称（例如，MyBlazorApp）。

添加任务配置

在.vscode文件夹中创建一个名为tasks.json的文件。将以下内容添加到tasks.json文件中：

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "build",
      "command": "dotnet",
      "type": "process",
      "args": [
        "build",
        "${workspaceFolder}/MyBlazorApp.csproj",
        "/property:GenerateFullPaths=true",
        "/consoleloggerparameters:NoSummary"
      ],
      "problemMatcher": "$msCompile"
    }
  ]
}

请注意，您需要将MyBlazorApp.csproj替换为您的项目文件名。

调试项目

在Visual Studio Code中，打开项目文件夹并按F5启动调试会话。这将自动构建项目并在默认浏览器中打开Blazor WebAssembly应用程序。现在，您可以在代码中设置断点并查看变量值等。

请注意，调试Blazor WebAssembly应用程序时，某些功能可能受到限制。例如，您无法在调试会话中更改代码并重新编译。要查看更多关于调试Blazor WebAssembly应用程序的信息，请参阅官方文档：https://docs.microsoft.com/en-us/aspnet/core/blazor/debug

0 赞

0 踩