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

Question

如何使用 Blazor 更快地测试布局更改？

我曾经用古老的 Apache+PHP+MySQL 编写网站代码。 现在我开始在 Blazor 中进行一些开发。

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

Blazor WASM开发流程：

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

PHP+X 进程

• 编辑代码
• 按 F5

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

Answer 1

进行交互式开发的最简单方法是在命令提示符下使用dotnet watch run （我在我的项目中添加了一个.cmd脚本来为项目运行它）。 这将运行项目并观察文件的更改，然后重新编译项目。

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

您可能还想阅读Rémi Bourgarel 的博客文章，尽管如果您使用的是 .NET 5，我不确定他的所有观点是否仍然有效。