CLI angulaire - nouvelle commande

Syntaxe

ng new <name> [options]
ng n <name> [options]

ng nouvelle commande crée un espace de travail de nameavec une application angulaire par défaut. Il fournit des invites interactives pour définir des configurations facultatives. Toutes les invites ont des valeurs par défaut à choisir. Les options sont des paramètres facultatifs.

Arguments

N ° Sr. Argument et syntaxe La description
1 <nom> Le nom du nouvel espace de travail et du projet initial.

Options

N ° Sr. Option et syntaxe La description
1 --collection = collection Une collection de schémas à utiliser pour générer l'application initiale.

Alias: -c.

2 --commit = true | false Informations de validation initiales du référentiel git.

Par défaut: vrai.

3 --createApplication = true | false Lorsque la valeur est true (valeur par défaut), crée un nouveau projet d'application initial dans le dossier src du nouvel espace de travail. Lorsque la valeur est false, crée un espace de travail vide sans application initiale. Vous pouvez ensuite utiliser la commande generate application afin que toutes les applications soient créées dans le dossier des projets.

Par défaut: vrai.

4 --defaults = true | false Lorsqu'elle est true, désactive les invites d'entrée interactives pour les options avec une valeur par défaut.
5 --directory = répertoire Le nom du répertoire dans lequel créer l'espace de travail.
6 --dryRun = true | false

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

Par défaut: faux.

Alias: -d.

sept --force = vrai | faux

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

Par défaut: faux.

Alias: -f.

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

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

Par défaut: faux.

9 --inlineStyle = true | false

Lorsque la valeur est true, inclut les styles en ligne dans le fichier TS du composant. Par défaut, un fichier de styles externe est créé et référencé dans le fichier TS du composant.

Par défaut: faux.

dix --inlineStyle = true | false

Lorsque la valeur est true, inclut les styles en ligne dans le fichier TS du composant. Par défaut, un fichier de styles externe est créé et référencé dans le fichier TS du composant.

Par défaut: faux.

Alias: -t.

11 --interactive = vrai | faux Lorsque la valeur est false, désactive les invites de saisie interactives.
12 --minimal = vrai | faux

Lorsque la valeur est true, crée un projet sans framework de test. (À utiliser uniquement à des fins d'apprentissage.)

Par défaut: faux.

13 --newProjectRoot = nouveauProjectRoot

Chemin où les nouveaux projets seront créés, par rapport à la nouvelle racine de l'espace de travail.

Par défaut: projets.

14 --packageManager = npm | fil | pnpm | cnpm Le gestionnaire de packages utilisé pour installer les dépendances.
15 --prefix = préfixe

Le préfixe à appliquer aux sélecteurs générés pour le projet initial.

Par défaut: app.

Alias: -p.

16 --routing = true | false Lorsque la valeur est true, génère un module de routage pour le projet initial.
17 --skipGit = true | false

Lorsque true, n'initialise pas un référentiel git.

Par défaut: faux.

Alias: -g.

18 --skipInstall = true | false

Lorsque la valeur est true, n'installe pas les packages de dépendances.

Par défaut: faux.

19 --skipTests = true | false

Lorsqu'il est vrai, ne génère pas de fichiers de test "spec.ts" pour le nouveau projet.

Par défaut: faux.

Alias: -S.

20 --strict = vrai | faux

Crée un espace de travail avec des options de compilateur TypeScript plus strictes.

Par défaut: faux.

21 --style = css | scss | sass | less | styl Extension de fichier ou préprocesseur à utiliser pour les fichiers de style.
22 --verbose = vrai | faux

Lorsque true, ajoute plus de détails à la journalisation de la sortie.

Par défaut: faux.

Alias: -v.

23 --viewEncapsulation = Émulé | Natif | Aucun | ShadowDom La stratégie d'encapsulation de vue à utiliser dans le projet initial.

Exemple

\>Node ng new TutorialsPoint
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? CSS
CREATE TutorialsPoint/angular.json (3630 bytes)
CREATE TutorialsPoint/package.json (1291 bytes)
CREATE TutorialsPoint/README.md (1031 bytes)
CREATE TutorialsPoint/tsconfig.json (489 bytes)
CREATE TutorialsPoint/tslint.json (3125 bytes)
CREATE TutorialsPoint/.editorconfig (274 bytes)
CREATE TutorialsPoint/.gitignore (631 bytes)
CREATE TutorialsPoint/browserslist (429 bytes)
CREATE TutorialsPoint/karma.conf.js (1026 bytes)
CREATE TutorialsPoint/tsconfig.app.json (210 bytes)
CREATE TutorialsPoint/tsconfig.spec.json (270 bytes)
CREATE TutorialsPoint/src/favicon.ico (948 bytes)
CREATE TutorialsPoint/src/index.html (300 bytes)
CREATE TutorialsPoint/src/main.ts (372 bytes)
CREATE TutorialsPoint/src/polyfills.ts (2835 bytes)
CREATE TutorialsPoint/src/styles.css (80 bytes)
CREATE TutorialsPoint/src/test.ts (753 bytes)
CREATE TutorialsPoint/src/assets/.gitkeep (0 bytes)
CREATE TutorialsPoint/src/environments/environment.prod.ts (51 bytes)
CREATE TutorialsPoint/src/environments/environment.ts (662 bytes)
CREATE TutorialsPoint/src/app/app-routing.module.ts (246 bytes)
CREATE TutorialsPoint/src/app/app.module.ts (393 bytes)
CREATE TutorialsPoint/src/app/app.component.html (25755 bytes)
CREATE TutorialsPoint/src/app/app.component.spec.ts (1083 bytes)
CREATE TutorialsPoint/src/app/app.component.ts (218 bytes)
CREATE TutorialsPoint/src/app/app.component.css (0 bytes)
CREATE TutorialsPoint/e2e/protractor.conf.js (808 bytes)
CREATE TutorialsPoint/e2e/tsconfig.json (214 bytes)
CREATE TutorialsPoint/e2e/src/app.e2e-spec.ts (647 bytes)
CREATE TutorialsPoint/e2e/src/app.po.ts (301 bytes)
 Packages installed successfully.

Ici, une nouvelle commande a créé un espace de travail angulaire et un projet avec le nom TutorialsPoint dans notre répertoire Node.