Ein neues Projekt generieren
Erstellen Sie eine App mit ng new und erkunden Sie die Optionen.
Ein neues Projekt generieren ist eine kostenlose Angular Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Angular Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Angular Academy-Kurs umfasst insgesamt 4 Lektionen.
Die Angular CLI
Die Angular CLI ist das offizielle Kommandozeilenwerkzeug zum Erstellen, Bauen, Bereitstellen und Testen von Angular-Apps. Befehle beginnen mit ng.
Die CLI installieren
Installieren Sie sie global mit npm, damit der Befehl ng überall verfügbar ist.
npm install -g @angular/cliEin Projekt mit ng new erstellen
Der Befehl ng new erstellt ein vollständig neues Angular-Workspace und eine neue Anwendung als Grundgerüst.
ng new my-appWas ng new erledigt
Der Befehl erstellt einen Ordner, installiert Abhängigkeiten, richtet TypeScript, eine Build-Konfiguration und einen Test-Runner ein, erstellt eine startbereite Standalone-App und initialisiert ein Git-Repository.
Interaktive Eingabeaufforderungen
Standardmäßig stellt ng new einige Fragen, etwa ob Angular-Routing hinzugefügt und welches Stylesheet-Format verwendet werden soll (CSS, SCSS, Sass oder Less).
Routing hinzufügen
Sie können die Frage zum Routing beantworten oder mit einem Flag die Entscheidung im Voraus festlegen.
ng new my-app --routingEin Style-Format auswählen
Wählen Sie mit dem style-Flag Ihre Stylesheet-Sprache aus.
ng new my-app --style=scssInstallation oder Git überspringen
Nützliche Flags ermöglichen es, die Installation von Abhängigkeiten oder die Git-Initialisierung zu überspringen – praktisch in CI- oder skriptgesteuerten Umgebungen.
ng new my-app --skip-install --skip-gitStandardmäßig eigenständig
Aktuelle CLI-Versionen erstellen standardmäßig eine eigenständige Anwendung. Dabei verwendet main.ts bootstrapApplication und eine app.config.ts für Provider.
In das Projekt wechseln
Wechseln Sie nach der Erstellung in das neue Verzeichnis, um weitere Befehle auszuführen.
cd my-appHilfe aufrufen
Jeder Befehl unterstützt ein Hilfe-Flag, das seine Optionen auflistet.
ng new --helpSchnelltest: ng new
Ein Projekt erstellen.
Zusammenfassung: Neues Projekt
Die Angular CLI (ng) erstellt mit ng new my-app Anwendungen und kann optional Routing sowie ein Stylesheet-Format konfigurieren. Sie installiert Abhängigkeiten und erstellt das Grundgerüst einer eigenständigen Starter-Anwendung. Als Nächstes sehen Sie sich die generierte Struktur an.
Häufig gestellte Fragen
Ist die Lektion „Ein neues Projekt generieren“ kostenlos?
Ja — der vollständige Text von „Ein neues Projekt generieren“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Angular Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Angular Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Ein neues Projekt generieren“?
Erstellen Sie eine App mit ng new und erkunden Sie die Optionen. Du übst Angular Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Angular Academy zu starten?
Keine Vorkenntnisse erforderlich. Angular Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.
Wie lange dauert die Lektion „Ein neues Projekt generieren“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Angular Academy-Lektion Code schreiben und ausführen?
Ja. Jede Angular Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Ein neues Projekt generieren
- Projektstruktur erklärt
- Code mit ng generate generieren
- Bauen und bereitstellen