ng-generate

creates Angular artifacts using schematics

TLDR

Generate component

$ ng generate component [name]

Generate service

$ ng generate service [name]

Generate module

$ ng generate module [name]

Generate with shorthand

$ ng g c [name]

Generate in specific path

$ ng generate component [path/name]

Dry run

$ ng generate component [name] --dry-run

SYNOPSIS

ng generate schematic name [options]

ng generate creates Angular artifacts using schematics. It scaffolds components, services, modules, directives, pipes, guards, interceptors, and more, wiring them into the project's NgModule (or generating them as standalone in newer Angular versions) and adding matching .spec.ts files. The shorthand ng g is equivalent.Schematics live in @schematics/angular and other npm packages; libraries shipped via ng add can register their own (for example, @angular/material adds material:navigation). The available list can be inspected with ng generate --help.

PARAMETERS

--dry-run, -d

Show what would be generated without writing files.

--force

Overwrite existing files.

--skip-tests

Do not generate .spec.ts test files.

--skip-import

Do not import the generated piece into its NgModule.

--standalone

Generate a standalone component/directive/pipe (Angular 14+).

--inline-template, -t

Place HTML inline in the component decorator.

--inline-style, -s

Place CSS inline in the component decorator.

--style ext

Stylesheet extension: css, scss, sass, less, none.

--prefix prefix

Override the project's selector prefix.

--export

Export the generated declaration from its NgModule.

--project name

Target a specific project in the workspace.

SCHEMATICS

component (c) / directive (d) / pipe (p) / service (s)

Generate the corresponding Angular artifact.

module (m)

Generate an NgModule.

guard (g) / interceptor

Generate a route guard or HTTP interceptor.

class / interface / enum

Generate a plain TypeScript class, interface, or enum.

resolver

Generate a route data resolver.

library

Generate a publishable library workspace.

application

Add a new application to a multi-project workspace.

environments

Create environment files for a project.

CAVEATS

Must be run inside an Angular CLI workspace (a directory containing angular.json). Newly generated files follow the project's coding-style settings (selector prefix, indent, style extension). The set of available schematics depends on which packages have been added with ng add.