在 Blazor WASM 中测试的代码让它不慢

问题描述

如何使用 Blazor 更快地测试布局中的更改?

我曾经用旧的 Apache+PHP+MysqL 编写网站。现在我开始在 Blazor 中进行一些开发。

但我发现在用户界面上工作很困难。当我需要测试一个小的更改时,例如将 Web 表单中的条目从一行移动到另一行...

Blazor WASM 开发流程:

  • 编辑代码
  • 关闭浏览器
  • 重新编译(祈祷它编译...)
  • 等待 webapp+API-App+Identity App 启动
  • 导航到我要进行布局的页面

PHP+X 流程

我希望有类似的体验。 使用 Blazor 时如何减少开发代码/测试 UI 时间?

解决方法

进行交互式开发的最简单方法是在命令提示符下使用 dotnet watch run(我将 .cmd 脚本添加到我的项目中,以便为项目运行此脚本)。这将运行项目并观察对文件的更改,然后重新编译项目。

在 .NET 3.x Blazor 上,您必须刷新浏览器 (F5)。在 .NET 5 项目中,它会自动执行此操作。

您可能还想阅读Rémi Bourgarel's Blog article,尽管我不确定如果您使用的是 .NET 5,他的所有观点仍然有效。