Angular schematics extension for Visual Studio Code
Why this extension?
Angular and Ionic are frameworks to build applications: it is a lot more work than just a few bits of jQuery. You have to create hundred of modules, components and services. There are 4 ways to do this (from the slowest to the quickest):
So this extension will save you time:
This extension also promotes Angular good practices, by improving component generation with the suggestion of different component types. To separate component types is good for:
Follow instructions on Visual Studio Code marketplace, or just search for "Angular schematics" by "Cyrille Tuzi" directly inside VS Code Extensions view.
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, please take a few minutes to read it.
You can come back to it at any time from the VS Code menu:
Requirements and troubleshooting
This extension requires Visual Studio Code version >= 1.56.
Basically, in your project, if
If the Angular CLI is not working in the VS Code Terminal, please correct that first before opening a GitHub issue.
The walkthrough includes a full troubleshooting guide to help you, be sure to read it in case of problem.
Become a Pro!
The Angular Schematics extension for Visual Studio Code started as a tool to help my trainees during the Angular courses I teach. It is now used by 600 000 developers.
While still having a ton of automation ideas to increase productivity, good practices, optimization and architecture in Angular (and Ionic) projects, I have reached the limit of work I can do voluntarily (we are talking of months of full time unpaid work).
So instead of throwing in the bin all my ideas that could greatly enhance the every day developer experience of so many people, I decided to release new features in Schematics Pro, which contains: