Angular CLI – ng generate


Angular CLI – ng generate Command



”;


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

Syntax

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.

Argument

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

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.

Default:false.

Aliases: -d.

3 –force=true|false

When true,forces overwriting of existing files.

Default:false.

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 athttps://www.tutorialspoint.com/angular_cli/angular_cli_ng_new.htm.

Example

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.

Advertisements

”;

Leave a Reply

Your email address will not be published. Required fields are marked *