Live Chat Icon For mobile
Live Chat Icon

How do I create a Blazor WebAssembly application in Visual Studio 2019?

Platform: Blazor| Category : Getting started, General, WebAssembly

Follow the step-by-step procedure below to create a Blazor WebAssembly (client-side) application in Visual Studio 2019.

Download and install Visual Studio 2019

Download and install the latest version of Visual Studio 2019 with the ASP.NET and web development workload.

Create a new project

Open Visual Studio 2019 and select Create a new project .
create new project

Select Blazor app from the template

Select Blazor App from the template list and click the Next. blazor template

Configuring the project

The project configuration window will pop up. Click Create button to create a new project with the default project configuration.
Blazor server configure

Choose Blazor WebAssembly App

Select a target framework based on your requirements, choose Blazor WebAssembly App from the dashboard, and then click Create to create a new Blazor WebAssembly application.

blazor wasm template

Blazor WebAssembly App structure

Now the Blazor WebAssemblyApp is created, and the structure look like in the below image.
wasm structure

Run the application.

Press ctrl + F5 to run the application and see the below output in default browser.
wasm output

Refer to this link for more details.

Share with

Related FAQs

Couldn't find the FAQs you're looking for?

Please submit your question and answer.