Angular CLI - ng neuer Befehl
Syntax
ng new <name> [options]
ng n <name> [options]ng neuer Befehl erstellt einen Arbeitsbereich von gegeben namemit einer Standard-Winkelanwendung. Es bietet interaktive Eingabeaufforderungen zum Festlegen optionaler Konfigurationen. Für alle Eingabeaufforderungen stehen Standardwerte zur Auswahl. Optionen sind optionale Parameter.
Argumente
| Sr.Nr. | Argument & Syntax | Beschreibung |
|---|---|---|
| 1 | <Name> | Der Name des neuen Arbeitsbereichs und des ersten Projekts. |
Optionen
| Sr.Nr. | Option & Syntax | Beschreibung | |
|---|---|---|---|
| 1 | --collection = Sammlung | Eine Sammlung von Schaltplänen zur Erstellung der ersten App. Aliase: -c. |
|
| 2 | --commit = true | false | Informationen zum Festschreiben des anfänglichen Git-Repositorys. Standard: true. |
|
| 3 | --createApplication = true | false | Wenn true (Standardeinstellung), wird ein neues erstes App-Projekt im Ordner src des neuen Arbeitsbereichs erstellt. Wenn false, wird ein leerer Arbeitsbereich ohne anfängliche App erstellt. Sie können dann den Befehl "Anwendung generieren" verwenden, damit alle Apps im Projektordner erstellt werden. Standard: true. |
|
| 4 | --defaults = true | false | Wenn true, werden interaktive Eingabeaufforderungen für Optionen mit einer Standardeinstellung deaktiviert. | |
| 5 | --directory = Verzeichnis | Der Verzeichnisname, in dem der Arbeitsbereich erstellt werden soll. | |
| 6 | --dryRun = true | false | Wenn true, werden Aktivitäten ausgeführt und gemeldet, ohne dass Ergebnisse aufgeschrieben werden. Standard: false. Aliase: -d. |
|
| 7 | --force = true | false | Wenn true, wird das Überschreiben vorhandener Dateien erzwungen. Standard: false. Aliase: -f. |
|
| 8 | --help = true | false | json | JSON | Zeigt eine Hilfemeldung für diesen Befehl in der Konsole an. Standard: false. |
|
| 9 | --inlineStyle = true | false | Wenn true, werden Stile inline in die TS-Komponentendatei aufgenommen. Standardmäßig wird eine externe Stildatei erstellt und in der Komponenten-TS-Datei referenziert. Standard: false. |
|
| 10 | --inlineStyle = true | false | Wenn true, werden Stile inline in die TS-Komponentendatei aufgenommen. Standardmäßig wird eine externe Stildatei erstellt und in der Komponenten-TS-Datei referenziert. Standard: false. Aliase: -t. |
|
| 11 | --interactive = true | false | Wenn false, werden interaktive Eingabeaufforderungen deaktiviert. | |
| 12 | --minimal = true | false | Wenn true, wird ein Projekt ohne Testframeworks erstellt. (Nur zu Lernzwecken verwenden.) Standard: false. |
|
| 13 | --newProjectRoot = newProjectRoot | Der Pfad, in dem neue Projekte relativ zum neuen Arbeitsbereichsstamm erstellt werden. Standard: Projekte. |
|
| 14 | --packageManager = npm | Garn | pnpm | cnpm | Der Paketmanager, mit dem Abhängigkeiten installiert werden. | |
| 15 | --prefix = Präfix | Das Präfix, das auf generierte Selektoren für das ursprüngliche Projekt angewendet werden soll. Standard: App. Aliase: -p. |
|
| 16 | --routing = true | false | Wenn true, wird ein Routing-Modul für das ursprüngliche Projekt generiert. | |
| 17 | --skipGit = true | false | Wenn true, wird kein Git-Repository initialisiert. Standard: false. Aliase: -g. |
|
| 18 | --skipInstall = true | false | Wenn true, werden keine Abhängigkeitspakete installiert. Standard: false. |
|
| 19 | --skipTests = true | false | Wenn true, werden keine "spec.ts" -Testdateien für das neue Projekt generiert. Standard: false. Aliase: -S. |
|
| 20 | --strict = true | false | Erstellt einen Arbeitsbereich mit strengeren TypeScript-Compileroptionen. Standard: false. |
|
| 21 | --style = css | scss | sass | less | styl | Die Dateierweiterung oder der Präprozessor, die für Stildateien verwendet werden sollen. | |
| 22 | --verbose = true | false | Wenn true, werden der Ausgabeprotokollierung weitere Details hinzugefügt. Standard: false. Aliase: -v. |
|
| 23 | --viewEncapsulation = Emuliert | Native | Keine | ShadowDom | Die Ansichtskapselungsstrategie, die im ersten Projekt verwendet werden soll. |
Beispiel
\>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.Hier hat ng new command einen eckigen Arbeitsbereich und ein Projekt mit dem Namen TutorialsPoint in unserem Knotenverzeichnis erstellt.