Angular Schematics

VS Code extension to generate Angular files. Installed 1.5 million times.

[!NOTE] Find this tool useful? I’m open to freelance & full-time opportunities. Feel free to reach out on LinkedIn or Bluesky.

Why this extension?

Productivity!

Angular is a framework to build applications: it is a lot more work than just a few bits of jQuery. You have to create hundred of components and services. There are 4 ways to do this (from the slowest to the quickest):

• manually from scratch, rewriting all the boilerplate code everytime
• via snippets: as they are static, there is still a lot to do manually
• via Angular CLI: more powerful, but still tedious: you have to type a long and error-prone command line
• via this extension: just right-click the destination folder, and start coding (no command line!)

Team work and good practices

Also, inside a team, you can either decide that:

• everyone do things the way they want, resulting in a big mess over time
• decide the better way to do things, and share the same good practices accross the team

Documentation

The documentation is directly included in the extension via the VS Code walkthrough feature. The walkthrough will appear automatically the first time you install the extension, and covers the basics:

• first generation
• troubleshooting
• configuration

Please take a few minutes to read it. You can access it at any time from the Angular logo on the left sidebar, or in the VS Code menu:

1. View
2. Command Palette
3. search "Documentation"
4. choose "Angular Schematics: Documentation and tutorial"

Requirements

The extension:

• is tested with the last 2 versions of Visual Studio Code
• should work in the same versions of editors based on VS Code like VSCodium
• should work in the last version of Cursor

It may work with previous versions but it is not guaranteed.

Note that alternative editors may not support all the features of VS Code (for example, Cursor does not support walkthroughs, which serve as documentation in this extension).

Release Notes

Changelog available here.