Loading

ASP.NET Core Blazor

Environment Setup for Blazor App Development. The Complete ASP.NET Core Blazor Developer Course 2022 [Videos].

In this Video, I am going to show you the Environment Setup for Blazor App Development Setup Step by Step. Please watch our previous Video where we gave a brief introduction to Blazor. At the end of this Video, you will understand the software and tools required for Blazor application Development.

Environment Setup for Blazor App Development:

In your local machine, to set up Blazor, you need two things i.e. .NET SDK 3.1 or later and IDE (Integrated Development Environment).

Install .Net SDK 3.1 or later:

First, you need to install .NET SDK 3.1 or any later version. In order to verify whether the .NET Core SDK is installed on your machine or not, type the dotnet –list-sdks command in the command prompt and press enter as shown in the below image.

Environment Setup for Blazor App Development

As you can see in the above image, in my machine, there are five different versions of .NET Core SDKs are installed. If you further notice .NET Core SDK 3.1.300 is also installed which is the latest version at this moment. If you have not installed .NET Core SDK 3.1 or any higher version, then please install it from the following URL.

https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/install

Once you navigate to the above URL, just click on the Download .NET SDK option as shown in the below image. Here, first, you need to select the Operating System installed on your machine and then select whether it is 32 bit and 64 bit and then only click on the Download .NET SDK to download it. On my machine, I have installed 64-bit Windows OS, so I select Windows and Download .NET SDK (64-bit) option as shown in the below image.

Environment Setup for ASP.NET Core Blazor Application Development

Once you download the .NET SDK, then install it. If everything fine, once the installation completed, you will get the following.

Environment Setup for Blazor App Development

Check everything installed correctly

Once youve installed it, open a new command prompt and type “dotnet” and press the enter key as shown in the below image. If the installation succeeded, then you should get the following output.

Check everything installed correctly

Got an error?

If you receive a dotnet is not recognized as an internal or external command error, make sure you opened a new command prompt.

Integrated Development Environment (IDE) for Blazor App Development:

You can use any of the following IDEs to develop the Blazor app.

  1. Visual Studio 2019
  2. Visual Studio Code
  3. .Net Core CLI

We will discuss using all the above options to develop the Blazor application. But from the beginning, we are going to use Visual Studio 2019 as the IDE for Blazor app development. If you have not installed Visual Studio 2019, then please download and installed Visual From the below URL.

https://visualstudio.microsoft.com/downloads/

Once you navigate to the above URL, and if you are a student and you just want to learn Blazor, then I recommended you to choose the Community edition of Visual Studio 2019 which is free as shown in the below image and the community version has all the features of the enterprise edition has.

Integrated Development Environment (IDE) for Blazor App Development

While installing Visual Studio, please make sure ASP.NET and Web development workload is installed. To verify this, whether you have installed this workload or not, Open Visual Studio Installer and then click on the Modify button as shown in the below image.

Integrated Development Environment (IDE) for Blazor AppLication Development

Once you click on the Modify button, the following screen window will open. Here select the Workloads option and then make sure the ASP.NET and Web Development checkbox to be checked as shown in the below image.

Environment Setup for ASP.NET Core Blazor Application DevelopmentThats it. We are watchy with our environment to develop ASP.NET Core Blazor Application. In the next Video, I am going to show you how to create the Blazor application using Visual Studio 2019 step by step. Here, in this Video, I explain the Environment Setup for Blazor Application Development.

See All

Comments (634 Comments)

Submit Your Comment

See All Posts

Related Posts

ASP.NET Core Blazor / Blog

What is ASP.NET Core Blazor?

In this article, I am going to discuss What is Blazor. Microsoft has recently released a new .NET web framework called Blazor. It is a free, open-source Web framework to build Web apps using C# that run in a Web browser. As part of this article, I am going to discuss the following pointers in detail.
17-Mar-2022 /45 /634

ASP.NET Core Blazor / Blog

Environment Setup for Blazor App Development

In this article, I am going to show you the Environment Setup for Blazor App Development Setup Step by Step. Please read our previous article where we gave a brief introduction to Blazor. At the end of this article, you will understand the software and tools required for Blazor application Development.
17-Mar-2022 /45 /634

ASP.NET Core Blazor / Blog

Creating Blazor App in Visual Studio 2019

In this article, I am going to discuss the step-by-step procedure for creating Blazor App in Visual Studio 2019. Please read our previous article, where we discussed the Environment setup to develop the Blazor app in visual studio 2019.
17-Mar-2022 /45 /634