在 Blazor WASM 中测试的代码(让它不慢)
Code to Test In Blazor WASM (make it NOT slow)
如何使用 Blazor 更快地测试布局中的更改?
我以前用 Apache+PHP+MySQL 编写网站代码。现在我开始在 Blazor 中进行一些开发。
但我发现在用户界面上工作很困难。当我需要测试一个小的变化时,例如将 Web 表单中的条目从一行移动到另一行...
Blazor WASM 开发过程:
- 编辑代码
- 关闭浏览器
- 重新编译(祈祷编译成功...)
- 等待webapp+API-App+Identity App启动
- 导航到我正在布局的页面。
PHP+X 进程
- 编辑代码
- 按 F5
我希望有类似的经历。
使用 Blazor 时如何减少开发 code/test UI 时间?
进行交互式开发的最简单方法是在命令提示符下使用 dotnet watch run
(我将 .cmd
脚本添加到我的项目到 运行 这个项目)。这将 运行 项目并观察文件更改,然后重新编译项目。
在 .NET 3.x Blazor 上,您必须刷新浏览器 (F5)。在 .NET 5 项目上,它会自动执行此操作。
您可能还想阅读 Rémi Bourgarel's Blog article 这方面的内容,尽管我不确定如果您使用的是 .NET 5,他的所有观点是否仍然有效。
如何使用 Blazor 更快地测试布局中的更改?
我以前用 Apache+PHP+MySQL 编写网站代码。现在我开始在 Blazor 中进行一些开发。
但我发现在用户界面上工作很困难。当我需要测试一个小的变化时,例如将 Web 表单中的条目从一行移动到另一行...
Blazor WASM 开发过程:
- 编辑代码
- 关闭浏览器
- 重新编译(祈祷编译成功...)
- 等待webapp+API-App+Identity App启动
- 导航到我正在布局的页面。
PHP+X 进程
- 编辑代码
- 按 F5
我希望有类似的经历。 使用 Blazor 时如何减少开发 code/test UI 时间?
进行交互式开发的最简单方法是在命令提示符下使用 dotnet watch run
(我将 .cmd
脚本添加到我的项目到 运行 这个项目)。这将 运行 项目并观察文件更改,然后重新编译项目。
在 .NET 3.x Blazor 上,您必须刷新浏览器 (F5)。在 .NET 5 项目上,它会自动执行此操作。
您可能还想阅读 Rémi Bourgarel's Blog article 这方面的内容,尽管我不确定如果您使用的是 .NET 5,他的所有观点是否仍然有效。