Let's see how to install the Angular Schematics extension in Visual Studio Code editor (aka VS Code or vscode).
Angular Schematics Extension for Visual Studio Code
What is Angular Schematics Extension?
This extension is used as a Simple User Interface for Angular CLI(Command Line Interface). Using this extension the files can be generated without a command line.
What files can be generated using Angular Schematics Extension?
In Angular CLI user has to write commands like ng generate component <componentname> to generate an Angular component. Angular CLI uses the Schematics library where these commands are available to generate template files. Template files contain the basic structure of the typescript component, html, spec, and .css/.scss file. Users don't need to spend time creating files. They can concentrate on coding.
Using Angular schematics a user doesn't need to write a command in the Angular CLI command line. Instead, there is an interface to generate the components.
Angular Schematics Extension is written on top of the Angular CLI Schematics library and is available as an extension.
How to install Angular Schematics Extension in Visual Studio Code?
The extension can be found in VisualStudio Marketplace.
The URL for Angular Schematics Extension is,
In vscode IDE Activity bar, click the Extensions icon or press the Ctrl+Shift+X shortcut to open the Extensions.
In Search Extensions in Marketplace, enter Angular Schematics as the extension name. Select Angular Schematics published by Cyrille Tuzi publisher.
After installation, it will display 'This extension is enabled globally.' if it is opened in the editor pane.
The installation will be completed in a few seconds.