27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion

validation

HTML Attri
(/docume
(/Documentation/Introduction)
/ 
Blazor (/Documentation/Introduction/)

Edit | 

PDF
attributes
(https://github.com/sy
(https://help

Suggest a Feature
Deployme
(/docume
Creating a content/blazor-
guide/pdf/bl
(https://www.syncfusion.com/feedback/blazo
CONTENTSdocs/edit/master/blaz

CDN Fallb
Syncfusion components) studio-
Syncfusion integration
code-
(/docume
fallback)
Blazor NuGet Packages
integration/create-
Style

How To
application project.md)
Namespaces

25 Mar 2022 4 minutes to read Component render

Extend code
Syncf Syncfusion provides Visual
(/doc Studio Code project Not finding the assistance
and-c templates for creating you need?

Syncfusion Blazor
Add B
application. Syncfusion Contact Support
Existin
Applic
Blazor generates application
(/doc that include the necessary
to/ad Syncfusion NuGet packages,
existin namespaces, and
component render code for
Rende the Calendar, Button, and
IE11 Br
DataGrid components, as
(/doc
to/ren
well as the style for making
ie) Syncfusion component
development easier.
Upgra
Comp
(/doc Blazor project templates
to/up from v17.4.0.39 are
comp
supported by the Syncfusion

Upgra Visual Studio Code project

Comp template.
(/doc
to/up
comp The instructions below assist
you in creating Syncfusion
Blazor
Blazor Applications using
Preren
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 1/8
27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion
validation Visual Studio Code:
HTML Attri
1. To create a Syncfusion
(/docume
attributes Blazor application in / 
Blazor (/Documentation/Introduction/)

(/Documentation/Introduction)
Edit | 

PDF
Visual Studio Code, open (https://github.com/sy
(https://help
Deployme the command palette
Suggest a Feature content/blazor-
guide/pdf/bl
(/docume (https://www.syncfusion.com/feedback/blazo
by pressing Ctrl+Shift+P. CONTENTSdocs/edit/master/blaz
Search for the wordcomponents) Syncfusion studio-
integration
CDN Fallb
Syncfusion in the Visual code-
(/docume NuGet Packages
Studio Code palette to integration/create-
fallback) Style
get the templates project.md)

How To provided by Syncfusion. Namespaces

Component render
Extend code
Syncf
(/doc 2. Select Syncfusion Blazor Not finding the assistance
and-c
Template Studio: you need?

Add B
Launch, then press Enter
Existin key. The Template Studio Contact Support
Applic wizard for configuring
(/doc the Syncfusion Blazor
to/ad app will be launched.
existin Provide the Project
Name and Project Path.
Rende
IE11 Br
(/doc
to/ren
ie)

Upgra
Comp
(/doc
to/up .NET 6.0 is available
comp from v19.4.0.38 and
support from Visual
Upgra
Comp Studio 2022.
(/doc
to/up
comp 3. Select either Next or the
Project Type tab.
Blazor Syncfusion Blazor Project
Preren
Types will be displayed.
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 2/8
27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion
validation Select one of the
following Syncfusion
HTML Attri
(/docume
Blazor project types:
attributes Syncfusion Blazor/ 
Blazor (/Documentation/Introduction/)

(/Documentation/Introduction)
Edit | 

PDF
Server App (https://github.com/sy
(https://help
Deployme
Suggest a Feature content/blazor-
guide/pdf/bl
Syncfusion Blazor
(https://www.syncfusion.com/feedback/blazo
CONTENTS
(/docume docs/edit/master/blaz
WebAssembly App
components) studio-
Syncfusion integration
CDN Fallb You can select ASP.NET code-
(/docume NuGet Packages
Core hosted, Progressive integration/create-
fallback) Style
Web Application, or both project.md)

How To in the Syncfusion Blazor Namespaces

Web Assembly App Component render
Extend project type. code
Syncf
(/doc Not finding the assistance
and-c
you need?

Add B
Existin Contact Support
Applic
(/doc
4. The Configuration
to/ad
existin
section will be displayed
when you click either
Rende Next or the
IE11 Br Configuration tab. Here,
(/doc you have the option for
to/ren selecting the required
ie)
.NET Core version,
Upgra
themes, https
Comp configuration, and Blazor
(/doc Web Assembly project
to/up types (ASP.NET Core
comp hosted and Progressive
Web Application).
Upgra
Comp
(/doc
to/up
comp

Blazor
Preren
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 3/8
27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion
(/doc
validation

ASP.NET Core hosted

HTML Attri
and Progressive Web
(/docume
attributes (/Documentation/Introduction)

Application options are/ 

Blazor (/Documentation/Introduction/)

Edit | 

PDF
only visible if Blazor (https://github.com/sy
(https://help
Deployme
Suggest a Feature
content/blazor-
guide/pdf/bl
Web Assembly App
(/docume (https://www.syncfusion.com/feedback/blazo
CONTENTSdocs/edit/master/blaz
project type is
components) studio-
selected. Syncfusion integration
CDN Fallb
code-
(/docume NuGet Packages
integration/create-
fallback) Style
5. Click the Create button. project.md)
How To The Syncfusion Blazor Namespaces

application has been Component render

Extend created. The created code
Syncf Syncfusion Blazor app
(/doc has the Syncfusion Not finding the assistance
and-c
NuGet packages, styles, you need?

Add B
and the component
Existin render code for the Contact Support
Applic Syncfusion component
(/doc added to the Index,
to/ad Counter, and FetchData
existin pages.
Rende
6. You can run the
IE11 Br
(/doc application to see the
to/ren Syncfusion components.
ie) Click F5 or go to
Run>Start Debugging.
Upgra
Comp
(/doc
to/up
comp

Upgra
Comp
(/doc
to/up
comp

Blazor 7. If you installed the trial

Preren setup or NuGet
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 4/8
27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion
validation packages from
nuget.org you must
HTML Attri
(/docume
register the Syncfusion
attributes license key to your / 
Blazor (/Documentation/Introduction/)

(/Documentation/Introduction)
Edit | 

PDF
application since (https://github.com/sy
(https://help
Deployme Syncfusion introduced
Suggest a Feature content/blazor-
guide/pdf/bl
(https://www.syncfusion.com/feedback/blazo
CONTENTS
(/docume the licensing system docs/edit/master/blaz
from 2018 Volume 2components) Syncfusion studio-
integration
CDN Fallb
(v16.2.0.41) Essential code-
NuGet Packages
(/docume
fallback)
Studio release. Navigate integration/create-
Style
to the help topic project.md)
Namespaces
(https://help.syncfusion.com/common/essential-
How To
studio/licensing/license- Component render
Extend key#how-to-generate- code
Syncf syncfusion-license-key)
(/doc to generate and register Not finding the assistance
and-c
the Syncfusion license you need?

key to your application.

Add B
Existin
Refer to this blog Contact Support
Applic (https://blog.syncfusion.com/post/Whats-
(/doc New-in-2018-Volume-2-
to/ad Licensing-Changes-in-
existin the-1620x-Version-of-
Essential-Studio.aspx?
Rende
_ga=2.11237684.1233358434.1587355730-
IE11 Br
(/doc
230058891.1567654773)
to/ren post for understanding
ie) the licensing changes
introduced in Essential
Upgra Studio.
Comp
(/doc
to/up Syncfusion
comp
integration
Upgra
Comp The Syncfusion Blazor
(/doc application configures with
to/up latest Syncfusion Blazor
comp NuGet packages, styles,
namespaces, and
Blazor
Preren
component render code for
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 5/8
27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion
validation Syncfusion components are
added in the created
HTML Attri
(/docume
application.
(/Documentation/Introduction)
/ 
Blazor (/Documentation/Introduction/)

Edit | 

PDF
attributes
(https://github.com/sy
(https://help
NuGet Packages
Deployme
Suggest a Feature
content/blazor-
guide/pdf/bl
(/docume (https://www.syncfusion.com/feedback/blazo
The Syncfusion.Blazor NuGet CONTENTSdocs/edit/master/blaz
package will be added ascomponents) studio-
Syncfusion integration
CDN Fallb
NuGet references for all code-
(/docume NuGet Packages
application types. integration/create-
fallback) Style
project.md)
Namespaces
How To
Component render
Extend code
Syncf
(/doc Not finding the assistance
and-c
Style you need?

Add B The selected theme is added

Existin Contact Support
from Syncfusion NuGet and
Applic
its reference at these
(/doc
to/ad
applications locations in
existin Blazor.

Rende Application
IE11 Br File location
type
(/doc
to/ren Syncfusion
ie) {Project
Blazor Server
location}\Pages\_Host.cshtml
Upgra
App
Comp
(/doc
to/up
comp

Upgra
Comp
(/doc
to/up
comp

Blazor
Preren
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 6/8
27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion
(/doc
validation
Application
File location
HTML Attri type
(/docume
Syncfusion
(/Documentation/Introduction)
/ 
Blazor (/Documentation/Introduction/)

Edit | 

PDF
attributes
Blazor (https://github.com/sy
(https://help
Deployme WebAssembly
Suggest a Feature
content/blazor-
guide/pdf/bl
(/docume App (ASPNET (https://www.syncfusion.com/feedback/blazo
CONTENTSdocs/edit/master/blaz
Core hosted)
components) studio-
Syncfusion integration
CDN Fallb
Syncfusion {Client Project code-
(/docume NuGet Packages
fallback)
Blazor location}\wwwroot\index.htmlintegration/create-
Style
WebAssembly project.md)
How To App Namespaces

(Progressive Component render

Extend Web code
Syncf Application)
(/doc
Not finding the assistance
and-c Syncfusion
you need?

Blazor {Project
Add B location}\wwwroot\index.html
WebAssembly
Existin Contact Support
App
Applic
(/doc
to/ad
existin

Rende
IE11 Br
(/doc
to/ren Namespaces
ie)
The Syncfusion Blazor
Upgra namespaces are added in
Comp the _imports.razor file.
(/doc
to/up
comp

Upgra
Comp
(/doc
to/up
comp

Blazor
Preren Component render code
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 7/8
27/9/22, 11:48 Create Projects using Project Templates via Extensions | Syncfusion
validation
The Syncfusion Blazor
Calendar, Button, and
HTML Attri
(/docume
DataGrid component render
attributes code is in the Razor files in/ 
Blazor (/Documentation/Introduction/)

(/Documentation/Introduction)
Edit | 

PDF
the pages folder. The render (https://github.com/sy
(https://help
Deployme code is updated in these
Suggest a Feature content/blazor-guide/pdf/bl
(/docume Razor files. (https://www.syncfusion.com/feedback/blazo
CONTENTS
docs/edit/master/blaz
components) studio-
Syncfusion integration
CDN Fallb
code-
(/docume Code NuGet Packages
File name integration/create-
fallback) snippet Style
project.md)
added
How To Namespaces

Component render
Extend
~/Pages/Index.razor code
Syncf
(/doc
Not finding the assistance
and-c
you need?

~/Pages/Counter.razor
Add B
Existin Contact Support
Applic
(/doc
to/ad
~/Pages/FetchData.razor
existin

Rende
IE11 Br
Was this page helpful?

Yes

No
(/doc
to/ren
(https://www.facebook.com/Syncfusion)
(https://twitter.com/Syncfusion)

ie)
(https://www.linkedin.com/company/syncfusion?trk=top_nav_home)

Upgra (mailto:support@syncfusion.com?)
Comp
Copyright © 2001 - Syncfusion Inc. All Rights Reserved (https://www.syncfusion.com/copyright)
(/doc
to/up
comp

Upgra
Comp
(/doc
to/up
comp

Blazor
Preren
(/doc
https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project 8/8