angular-cli Working with angular-cli: Generating components, directives, pipes, services, etc. "Generate command" usage
Example
You can use the ng generate or ng g command to generate Angular building blocks (components, services, pipes, etc.).
You can find all possible blueprints in the table below:
| Scaffold | Usage | Shortened |
|---|---|---|
| Component | ng generate component component-name | ng g c component-name |
| Directive | ng generate directive directive-name | ng g d directive-name |
| Pipe | ng generate pipe pipe-name | ng g p pipe-name |
| Service | ng generate service service-name | ng g s service-name |
| Class | ng generate class class-name | ng g cl class-name |
| Guard | ng generate guard guard-name | ng g g guard-name |
| Interface | ng generate interface interface-name | ng g i interface-name |
| Enum | ng generate enum enum-name | ng g e enum-name |
| Module | ng generate module module-name | ng g m module-name |
So, for example, if you run ng generate component user-list - angular-cli will:
- create
user-listdirectory insrc/appfolder or folder where you have run the command. - inside that directory generate 4 files (
user-list.component.ts,user-list.component.html,user-list.component.cssanduser-list.component.spec.ts) - add
user-listas a declaration in the@NgModuledecorator of the nearest module.
