All 5 Angular Schematics & Custom Builders questions
More in Angular Schematics & Custom Builders
Why might a company create their own internal Angular schematics library? What is an Angular CLI builder, and how does it differ from a schematic? How would you use Angular's automatic update schematics to upgrade a project to a new major version? How would you create a custom schematic to generate a component following your own team's specific conventions?
Advertisement
Back to results for “Project Structure”
Angular › Angular Schematics & Custom Builders

What is an Angular schematic and how does it relate to the ng generate command?

Beginner

Answer

A schematic is a template based code generator that the Angular CLI uses to create new files, such as components and services, following consistent naming and structure rules. Every time you run a command like ng generate component, you are actually running a built in schematic behind the scenes.
ng generate component user-profile
// This runs the built in @schematics/angular component schematic
// which creates the .ts, .html, and .spec.ts files following Angular conventions
Real-world example A team relies on the built in component schematic every time they add a new feature, ensuring every component in their codebase follows the exact same consistent file naming and folder structure automatically.

Common follow-ups: Can schematics do more than just generate new files, such as modifying existing ones?;Where do the built in Angular schematics actually come from?

Angular CLI & Project Structure;Standalone Components
All 5 Angular Schematics & Custom Builders questions