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

如何解决在 Blazor WASM 中测试的代码让它不慢

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

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

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

Blazor WASM 开发流程：

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

PHP+X 流程

• 编辑代码
• 按 F5

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

解决方法

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

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

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