Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Syncfusion Angular UI SchematicsNew to Visual Studio Code? Get it now.
Syncfusion Angular UI Schematics

Syncfusion Angular UI Schematics

Syncfusion

|
18,281 installs
| (0) | Free
Syncfusion Angular UI schematics for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Banner image

Prerequisites

This extension is designed to only work with projects created using Angular CLI applications and Visual Studio Code workspace should contain angular.json and package.json files in the root, to activate this extension.

Features

Add component

On selecting the particular Syncfusion Angular component, it gets installed and adds an entry in package.json.

  • Right click on your workspace and select Syncfusion: Add Angular UI Component from the context menu.

  • You will be presented with list of Syncfusion package versions, select a version to view components from that particular version.

  • Now, you will be presented with list of Syncfusion Angular components from that chosen version. Select a component to add it into your application.

  • Select a theme from the list of Syncfusion built-in themes.

  • Finally, enter the optional target module's relative file path to import the chosen Syncfusion component.

  • Now, component modules and styles will be automatically imported to the module file after installation.

Add Component

Generate components

Syncfusion Angular Component's code examples can be generated from the command window.

  • Right click on your workspace and select Syncfusion: Generate Angular UI Component from the context menu.

  • You will be presented with list of installed Syncfusion components. Select a component to view the examples.

  • Now, select an example for the chosen component.

  • Finally, enter a name for the component that is going to be generated.

  • Now, generated component will be automatically imported to the module file.

Note: Only installed components will be displayed on the generate examples list. So if you want to generate a code example you need to add it first from here.

Generate Component

FAQ

How to cancel add or generate component process

If you have triggered any add or generate components by accident, it can be cancelled from the command window.

  • Goto Command Window (CTRL [or CMD] + SHIFT + P) and search 'syncfusion kill'.

  • Select Syncfusion: Kill schematics process from the list to kill the currently triggered schematics process to kill it.

  • If no process was triggered by the extension, it will simply display popup message.

Related links

  • Download Free Trial

  • Pricing

  • Online Examples

  • Samples

  • Community Forums

  • Documentation

  • Knowledge base

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 13,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today we provide 1000+ controls and frameworks for web (ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React or Vue), mobile (Xamarin, UWP and JavaScript), and desktop development (WinForms, WPF & UWP). We provide ready-to deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

sales@syncfusion.com | Toll Free: 1-888-9 DOTNET

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft