ng-generate 命令

常用示例

说明

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.

参数

--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.