Angular CLI - ng generate Command

This chapter explains the syntax, argument and options of ng generate command along with an example.


The syntax for ng generate command is as follows −

ng generate <schematic> [options]
ng g <schematic> [options]

ng generate command generates and/or modifies files based on a schematic.


The argument for ng help command is as follows −

Sr.No. Argument & Syntax Description
1 <schematic> The schematicor collection:schematic to generate. This option can take one ofthe following sub-commands:
  • appShell

  • application

  • class

  • component

  • directive

  • enum

  • guard

  • interceptor

  • interface

  • library

  • module

  • pipe

  • service

  • serviceWorker

  • webWorker


Options are optional parameters.

Sr.No. Option & Syntax Description
1 --defaults=true|false When true, disables interactive input prompts for options witha default.
2 --dryRun=true|false

When true,runs through and reports activity without writing out results.


Aliases: -d.

3 --force=true|false

When true,forces overwriting of existing files.


Aliases: -f.

4 --help=true|false|json|JSON

Shows a helpmessage for this command in the console.

Default: false.

5 --interactive=true|false When false, disables interactive input prompts.

First move to an angular project created using ng new command and then run the command. This chapter is available at


An example for ng generate command is given below −

\>Node\>TutorialsPoint> ng generate component goals
CREATE src/app/goals/goals.component.html (20 bytes)
CREATE src/app/goals/goals.component.spec.ts (621 bytes)
CREATE src/app/goals/goals.component.ts (271 bytes)
CREATE src/app/goals/goals.component.css (0 bytes)
UPDATE src/app/app.module.ts (471 bytes)

Here, ng generate command has created a new component in our project TutorialsPoint and added this new component entry in app.module.ts.

Kickstart Your Career

Get certified by completing the course

Get Started