--- title: "Introducing Syncfusion ASP.NET Core Template Studio for Visual Studio Code" published_at: "2022-04-12T11:27:29+00:00" modified_at: "2026-01-12T06:31:48+00:00" url: "https://www.syncfusion.com/blogs/post/introducing-syncfusion-asp-net-core-template-studio-for-visual-studio-code" excerpt: "Syncfusion is glad to introduce the ASP.NET Core Template Studio, a utility for creating ASP.NET Core applications with Syncfusion controls, styles, and themes in Visual Studio Code. This utility saves developers significant time in adding Syncfusion ASP.NET Core components to..." taxonomy_category: - "ASP.NET Core" - "Development" - "Extensions" - "Visual Studio Code" - "Web" - "What's new" taxonomy_post_tag: - "ASP.NET Core" - "extension" - "Visual Studio Code" - "Web" - "What's New" --- # Introducing Syncfusion ASP.NET Core Template Studio for Visual Studio Code [Abishake Dakshinamoorthy](https://www.syncfusion.com/blogs/author/abishake-dakshinamoorthy) ![Introducing Syncfusion ASP.NET Core Template Studio for Visual Studio Code](https://www.syncfusion.com/blogs/wp-content/uploads/2022/04/Introducing-Syncfusion-ASP.NET-Core-Template-Studio-for-Visual-Studio-Code.png) Syncfusion is glad to introduce the ASP.NET Core Template Studio, a utility for creating ASP.NET Core applications with Syncfusion controls, styles, and themes in Visual Studio Code. This utility saves developers significant time in adding Syncfusion ASP.NET Core components to their projects. The Template Studio offers a UI for configuring ASP.NET Core applications. Users can more easily select a project name, location, project type, .NET Core version, and theme in the UI to improve their users’ experience. In this blog, I am going to explain how to install the Syncfusion ASP.NET Core Template Studio extension and how to create a Syncfusion ASP.NET Core application using this extension in Visual Studio Code. ## Prerequisites The prerequisites for using ASP.NET Core Template Studio are: - [Visual Studio Code](https://code.visualstudio.com/download) - [.NET Core 3.1 SDK](https://dotnet.microsoft.com/en-us/download/dotnet) or later - [C# extension for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp) - [Node.js](https://nodejs.org/en/download/) ## Installing the Syncfusion ASP.NET Core Template Studio extension The Syncfusion ASP.NET Core Template Studio extension for Visual Studio Code is included in the Syncfusion ASP.NET Core setup in the [Essential Studio® 2022 Volume 1](https://www.syncfusion.com/forums/174125/essential-studio-2022-volume-1-main-release-v20-1-0-47-is-available-for-download) release. You can also install it either from Visual Studio Code or by downloading the setup from the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCore-VSCode-Extensions) . We will look at the different procedures in the following section. ### Installing from Visual Studio Code The following steps illustrate how to install the Template Studio extension from Visual Studio Code: 1. Open **Visual Studio Code**. 2. Then, open the **Command Palette** by navigating to ** View > Command Palette**. 3. Now, search for **Install Extensions** in the ** Command Palette** and expand ** Install Extensions** when it appears. 4. Search for **Syncfusion ASP.NET Core** in the search box to locate ** ASP.NET Core VS Code Extensions – Syncfusion**. 5. Install the “**ASP.NET Core VS Code Extensions – Syncfusion**” extension by clicking ** Install**. ### Installing from Visual Studio Code Marketplace The following steps illustrate how to install the Template Studio extension from Visual Studio Code Marketplace: 1. Open the [Syncfusion ASP.NET Core Template Studio Extension](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCore-VSCode-Extensions) in Visual Studio Code Marketplace and click **Install**. 2. A pop-up will appear requesting to open Visual Studio Code. Click **Open Visual Studio Code**. 3. In the next pop-up that appears, click **Install** to install the extension. ## Creating a Syncfusion ASP.NET Core application Use the following steps to create a Syncfusion ASP.NET Core application: 1. Open Visual Studio Code. 2. Then, open the command palette by pressing **Ctrl+Shift+P**. To access the Syncfusion templates, search for the word ** Syncfusion** in the Visual Studio Code palette, select ** Syncfusion ASP.NET Core Template Studio: Launch**, and then press the Enter key. ![Select Syncfusion ASP.NET Core Template Studio Launch option](https://www.syncfusion.com/blogs/wp-content/uploads/2022/04/Select-Syncfusion-ASP.NET-Core-Template-Studio-Launch-option.png) 3. The Template Studio wizard will be launched. Using this UI, provide the project-related details. Enter the name of the project and the location where you want to save the application. ![Enter the Project Name and Location Details](https://www.syncfusion.com/blogs/wp-content/uploads/2022/04/Enter-the-Project-Name-and-Location-Details.png) 1. Now, select the required ASP.NET Core application type in the Project Type tab:![Select the Project Type in the Syncfusion ASP.NET Core Template Studio Wizard](https://www.syncfusion.com/blogs/wp-content/uploads/2022/04/Select-the-Project-Type-in-the-Syncfusion-ASP.NET-Core-Template-Studio-Wizard.png) - - Syncfusion Web Application (Model-View-Controller) - Syncfusion Angular - Syncfusion React.js 1. In the Configuration tab, choose the .NET Core version, a theme, HTTPS configuration, and Assets From. Then, click **Create**.![Choose the required .NET Core version, Assets From, theme, and HTTPS configuration](https://www.syncfusion.com/blogs/wp-content/uploads/2022/04/Choose-the-required-.NET-Core-version-Assets-From-theme-and-HTTPS-configuration.png) ** Notes:** In Assets From, the Installed location option will be available when the Syncfusion Essential JavaScript 2 build has been installed. The Syncfusion ASP.NET Core application will be created. The Syncfusion NuGet packages, NPM packages, styles, and the code to render the Syncfusion components will already be in the index page of the newly created Syncfusion ASP.NET Core application. ## Debugging the Syncfusion ASP.NET Core application The debug and release modes are set when the project is created. As a result, you do not need to configure them manually. The NuGet packages are automatically restored when debugging a Syncfusion ASP.NET Core application. The application will then be compiled and launched in the default browser. The ASP.NET Core application runs in debug mode by default. You can switch to release mode by selecting Debug from the Debug tab or pressing the**Ctrl+Shift+D** shortcut key. ## ![Choose Start Debugging option](https://www.syncfusion.com/blogs/wp-content/uploads/2022/04/Choose-Start-Debugging-option.png) ## Special mention: Syncfusion® Document Viewer Extension If you often find yourself switching between apps just to check a Word or Excel file, this handy tool is for you. The [Syncfusion® Document Viewer Extension](https://www.syncfusion.com/free-tools/document-viewer-extension) for Visual Studio Code lets you open and view documents like Word, Excel, and more; right inside your coding environment. You can preview high-fidelity files and even make light edits such as text changes and formatting tweaks, all without leaving VS Code. It’s a simple way to stay focused and keep your project documentation within reach. Available for free download on the [Visual Studio Code Marketplace](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.Document-Viewer-VSCode-Extensions) . ## Conclusion Thanks for reading! In this blog post, we have seen how to use our Syncfusion ASP.NET Core extension in Visual Studio Code. It will help you create attractive web applications with Syncfusion [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls) UI components in less time. Try out the procedures in this blog post and leave your feedback in the comments section below! You can also contact us via our [support forum](https://www.syncfusion.com/forums) , [Syncfusion support](https://support.syncfusion.com/) , or [feedback portal](https://www.syncfusion.com/feedback) . We are always happy to assist you! ## Related blogs - [Syncfusion Essential Studio® 2022 Volume 1 is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2022-volume-1-is-here.aspx) - [What’s New in the 2022 Volume 1 Release: Document Processing Libraries](https://www.syncfusion.com/blogs/post/whats-new-in-the-2022-volume-1-release-document-processing-libraries.aspx) - [What’s New in 2022 Volume 1: Essential JS 2](https://www.syncfusion.com/blogs/post/whats-new-in-2022-volume-1-essential-js-2.aspx) - [Introducing License Key Validation for the Essential JS 2 Platforms](https://www.syncfusion.com/blogs/post/introducing-license-key-validation-for-the-essential-js-2-platforms.aspx)