Introducing Syncfusion .NET MAUI Template Studio for Visual Studio Code
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (179).NET Core  (28).NET MAUI  (215)Angular  (112)ASP.NET  (51)ASP.NET Core  (83)ASP.NET MVC  (90)Azure  (41)Black Friday Deal  (1)Blazor  (228)BoldSign  (15)DocIO  (24)Essential JS 2  (109)Essential Studio  (200)File Formats  (69)Flutter  (133)JavaScript  (226)Microsoft  (120)PDF  (82)Python  (1)React  (105)Streamlit  (1)Succinctly series  (131)Syncfusion  (948)TypeScript  (33)Uno Platform  (3)UWP  (3)Vue  (45)Webinar  (52)Windows Forms  (61)WinUI  (71)WPF  (163)Xamarin  (160)XlsIO  (38)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (9)Business intelligence  (55)Button  (4)C#  (158)Chart  (141)Chart of the week  (55)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (70)Development  (662)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (7)Essential Tools  (14)Excel  (43)Extensions  (23)File Manager  (7)Gantt  (19)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (513)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (13)PHP  (2)PivotGrid  (5)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (54)Security  (4)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (14)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (113)UI  (393)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (619)What's new  (334)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
Introducing Syncfusion .NET MAUI Template Studio for Visual Studio Code

Introducing Syncfusion .NET MAUI Template Studio for Visual Studio Code

TLDR: Explore the new Syncfusion .NET MAUI Template Studio for Visual Studio Code, install the .NET MAUI extension, and streamline your .NET MAUI app creation by integrating Syncfusion .NET MAUI controls with ease.

We are thrilled to introduce the Syncfusion .NET MAUI Visual Studio Code Template Studio as part of our Essential Studio 2024 Volume 1 release. This powerful tool is designed to simplify the creation of .NET MAUI applications featuring Syncfusion controls directly within Visual Studio Code. It enhances the utilization of Syncfusion .NET MAUI controls by automatically setting up the necessary Syncfusion .NET MAUI NuGet packages.

The Template Studio offers a user-friendly interface for configuring .NET MAUI apps. Users can easily select project names, locations, project types, Syncfusion .NET MAUI controls, and .NET Core versions within the UI, significantly improving their overall experience.

Let’s see how to install the Syncfusion .NET MAUI extension and create a .NET MAUI app using the Template Studio support for Visual Studio Code.

Prerequisites

To use the .NET MAUI Template Studio, you must install the Syncfusion .NET MAUI extensions. You can install them directly from Visual Studio Code or Visual Studio Marketplace.

Installing the Syncfusion .NET MAUI extensions from Visual Studio Code

Follow these steps to install the Syncfusion .NET MAUI extensions from Visual Studio Code:

  1. Open Visual Studio Code.
  2. Then, open the Command Palette by navigating to View- > Command Palette.
  3. Search for Install Extensions in the Command Palette and expand the Install Extensions option when it appears.
  4. Search for Syncfusion .NET MAUI in the search box to locate .NET MAUI VS Code Extensions – Syncfusion.
  5. Now, install the .NET MAUI VS Code Extensions – Syncfusion extension by clicking the Install button.

Installing the Syncfusion .NET MAUI extensions from Marketplace

Follow these steps to install the Syncfusion .NET MAUI extensions from Marketplace:

  1. Open the Syncfusion .NET MAUI Code 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 to launch the Syncfusion .NET MAUI Extension in Visual Studio Code.
  3. In the next pop-up, click the Install button to install the .NET MAUI VSCode Extensions—Syncfusion extension.

Creating a Syncfusion .NET MAUI app

Let’s see how to create a Syncfusion .NET MAUI app using the Template Studio for Visual Studio Code by following these steps:

  1. First, open Visual Studio Code.
  2. Then, open the Command Palette by pressing Ctrl+Shift+P. To access the Syncfusion templates, search for Syncfusion in the Visual Studio Code palette, select the Syncfusion .NET MAUI Template Studio: Launch option, and press the Enter key.
    Select the Syncfusion .NET MAUI Template Studio Launch option
  3. Now, the Syncfusion .NET MAUI Template Studio wizard will be launched. We can configure the Syncfusion .NET MAUI app in this wizard by providing the Project Name and Path as required.
    Syncfusion .NET MAUI Template Studio wizard
  4. Click on Next or navigate to the Controls tab to select the Syncfusion .NET MAUI controls you want to integrate into your .NET MAUI app. 
    Click on Next or navigate to the Controls tab to select the Syncfusion .NET MAUI controls

    Note: We should select at least one control to enable the Create button.

    In the Project Details section of the Syncfusion .NET MAUI Template Studio wizard, you can modify the project name, path, and configuration. Choose the desired .NET Core Version (.NET 7.0 or .NET 8.0). Refer to the following image.
    Project Details section of the Syncfusion .NET MAUI Template Studio wizard
  5. Now, choose the Create button to generate the Syncfusion .NET MAUI app, including the necessary Syncfusion NuGet packages and rendering code for the selected Syncfusion controls.
  6. Press the F5 key or navigate to Run->Start Debugging to launch the created Syncfusion .NET MAUI app. Refer to the following image.
    Navigate to Run and Start Debugging to launch the created Syncfusion .NET MAUI app
  7. If we installed the trial setup or NuGet packages from nuget.org, we should register the Syncfusion license key for our app since Syncfusion introduced the licensing system in the Essential Studio 2018 Volume 2 (v16.2.0.41) release. Navigate to the help topic to generate and register the Syncfusion license key for your app. Also, refer to this blog to understand the licensing changes introduced in Essential Studio.

Conclusion

Thanks for reading! In this blog, we’ve explored the new Syncfusion .NET MAUI Template Studio for Visual Studio Code in the Essential Studio 2024 Volume 1 release. This user-friendly project wizard is designed to streamline the integration of Syncfusion controls into your apps, automatically generating code and references. This eliminates the need to manually add Syncfusion .NET MAUI controls into your .NET MAUI apps, saving time and enhancing your app’s functionality.

To explore more updates from this release, please refer to our Release Notes and What’s New pages.

If you’re not a Syncfusion customer, we encourage you to try our 30-day free trial to experience these latest features firsthand.

We welcome your feedback and questions in the comments section below or through our support forumssupport portal, or feedback portal. We’re here to help you every step of the way!

Related blogs

Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed