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

Question

How can I faster test changes in Layout using Blazor?

I used to code websites in good old Apache+PHP+MySQL. and now I am starting with some development in Blazor.

But I find it difficult to work on the user interface. When I need to test a small change, for instance moving a entry in a web form from one row to another...

Blazor WASM development process:

• Edit the code
• Shutdown the browser
• Recompile (Pray that it compiles...)
• Wait for the webapp+API-App+Identity App to startup
• Navigate to the page I am making layout on.

PHP+X Process

• Edit the code
• Press F5

I wish for a similar experience. How can I decrease the development code/test UI time when using Blazor?

Answer 1

The simplest way to do interactive development is using dotnet watch run from a command prompt (I add a .cmd script to my projects to run this for the project). This will run the project and watch for changes to files, then re-compile the project.

On .NET 3.x Blazor you'll have to refresh the browser (F5). On .NET 5 projects it does this automatically.

You may also want to read Rémi Bourgarel's Blog article on this, although I am not sure all his points are still valid if you're using .NET 5.