---
layout: post
title: Download and installation for Blazor VS Code extension | Syncfusion®
description: Learn here about how to download and install the Blazor extension for Visual Studio Code to scaffold and manage Blazor applications.
platform: Blazor
control: Common
documentation: ug
---

# Download and Installation in VS Code Extension

Syncfusion® publishes the Visual Studio Code extension in the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-VSCode-Extensions). Install it directly from Visual Studio Code or download it from the Marketplace and install locally.

## Prerequisites

Install the following prerequisites to install the [Syncfusion® Blazor extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-VSCode-Extensions) and to create, convert, and upgrade Blazor applications.

* [.NET SDK](https://dotnet.microsoft.com/en-us/download/dotnet) 8.0 or later 
* [Visual Studio Code](https://code.visualstudio.com/) with [C# Dev Kit](https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csdevkit) extension

## Install through the Visual Studio Code Extensions

The steps below describe how to install the [Syncfusion® Blazor extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-VSCode-Extensions) from the Extensions view in Visual Studio Code.

1. Open Visual Studio Code.
2. Navigate to **View > Extensions**, and the Manage Extensions option will appear on the left side of the window.
3. In the search box, type Syncfusion Blazor to find the **Syncfusion® Blazor extension** in the Marketplace.

     ![Extensions view showing Syncfusion Blazor extension search results](images/extension.webp)

4. Select **Blazor VSCode Extensions - Syncfusion**, and click **Install**.
5. Reload Visual Studio Code after installation by using the **Reload Window** command from the Command Palette. Open the Command Palette with **Ctrl+Shift+P**, then run Reload Window.

     ![Command Palette highlighting the Reload Window command](images/reload-window.webp)

6. Now, create a new Blazor application using the **Syncfusion® Blazor extensions** in the Visual Studio Code Palette. Find the **Syncfusion Blazor Template Studio: Launch** from Visual Studio Code commands to open the Syncfusion Blazor Template Studio wizard.

     ![Command Palette showing Syncfusion Blazor Template Studio](images/createprojectpalette.webp)

## Install from the Visual Studio Code Marketplace

The following steps describe how to download and install the extension from the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/).

1. Open the [Syncfusion® Blazor VS Code Extensions](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-VSCode-Extensions) page in the Marketplace.
2. Click **Install** from Visual Studio Code Marketplace. The browser displays a popup window with information such as **"Open Visual Studio Code"**. When you click Open Visual Studio Code, the **Syncfusion® Blazor Extension** will launch in Visual Studio Code.
3. In Visual Studio Code, click **Install** on the **Blazor VSCode Extensions - Syncfusion** page.
4. Reload Visual Studio Code after installation by using the **Reload Window** command from the Command Palette. Open the Command Palette with **Ctrl+Shift+P**, then run Reload Window.

     ![Command Palette highlighting the Reload Window command](images/reload-window.webp)

5. Now, create a new Blazor application by using the **Syncfusion® Blazor extensions** from the Visual Studio Code Palette Find the **Syncfusion Blazor Template Studio: Launch** from Visual Studio Code commands to open the Syncfusion Blazor Template Studio wizard.

     ![Command Palette showing Syncfusion Blazor Template Studio](images/createprojectpalette.webp)

## Manually Installing an Extension in Visual Studio Code

The following steps describe how to install the **Syncfusion® Blazor extension** manually in Visual Studio Code.

1. Download the `SyncfusionInc.Blazor-VSCode-Extensions.vsix` file from the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Blazor-VSCode-Extensions).
2. In Visual Studio Code, open the Extensions view by clicking the Extensions icon in the Activity Bar.

      ![Extensions icon highlighted in the Activity Bar](images/extensionicon.webp)

3. Click the More Actions (ellipsis) button in the top-right of the Extensions view, and select Install from VSIX.

      ![Extensions view More Actions menu with Install from VSIX option](images/installvsix.webp)

4. Browse to the downloaded **SyncfusionInc.Blazor-VSCode-Extensions.vsix** file and complete the installation.


      ![File selection dialog for SyncfusionInc.Blazor-VSCode-Extensions.vsix](images/downloadvsix.webp)

## See also

- [Overview of Blazor Extension for Visual Studio Code](overview.md)
- [Create Project Template for Visual Studio Code](create-project.md)
- [Code Snippets for Visual Studio Code](code-snippet.md)
- [Convert Project for Visual Studio Code](convert-project.md)
- [Upgrade Project for Visual Studio Code](upgrade-project.md)
- [Scaffolding for Visual Studio Code](scaffolding.md)