CLI angulaire - commande ng generate

Syntaxe

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

La commande ng generate génère et / ou modifie des fichiers basés sur un schéma. Les options sont des paramètres facultatifs.

Arguments

N ° Sr. Argument et syntaxe La description
1 <schéma>

Le schéma ou collection: schéma à générer. Cette option peut prendre l'une des sous-commandes suivantes -

  • appShell
  • application
  • class
  • component
  • directive
  • enum
  • guard
  • interceptor
  • interface
  • library
  • module
  • pipe
  • service
  • serviceWorker
  • webWorker

Options

N ° Sr. Option et syntaxe La description
1 --defaults = true | false Lorsque la valeur est true, désactive les invites de saisie interactives pour les options avec une valeur par défaut.
2 --dryRun = true | false

Lorsque la valeur est true, parcourt et signale l'activité sans écrire les résultats.

Par défaut: faux.

Alias: -d.
3 --force = vrai | faux

Lorsqu'elle est vraie, force l'écrasement des fichiers existants.

Par défaut: faux.

Alias: -f.
4 --help = true | false | json | JSON

Affiche un message d'aide pour cette commande dans la console.

Par défaut: faux.
5 --interactive = vrai | faux Lorsque la valeur est false, désactive les invites de saisie interactives.

Déplacez-vous d'abord vers un projet angulaire créé à l'aide de la commande ng new , puis exécutez la commande.

Exemple

\>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)

Ici, ng generate command a créé un nouveau composant dans notre projet TutorialsPoint et ajouté cette nouvelle entrée de composant dans app.module.ts.