Zum Inhalt

Typescript

Angular App Projekt Setup

Schritt 1: Installation Node und NPM

Node komprimiert Code bevor er zum Browser gesendet wird NPM installiert und managed Pakete, die Angular benötigt¨

Schritt 2: Installation Angular

npm install -g @angular/cli@latest

Schritt 3: Angular Projekt erstellen

ng new name --no-strict

--no-strict
deaktiviert die strikten TypeScript-Einstellungen (z. B. strikte Typisierung)

Schritt 4: Entwicklungsserver starten

mit cd in den neuen Projektordner navigieren (cd my-first-app) ng serve Wer findet die Datei, wo der HTML Text der Startseite drinnensteht?

Schritt 5: Installation Boostrap und Verbindung mit App

npm install --save bootstrap@latest Einbindung in angular.json alt text Wenn Sie Bootstrap in der angular.json Datei unter styles und scripts einfügen, sorgt Angular dafür, dass diese Dateien in das Haupt-HTML-Dokument (index.html) eingebunden werden. Dadurch stehen die Styles und Skripte global zur Verfügung und müssen nicht bei jeder Komponente neu eingefügt werden. alt text

Wichtige Befehle:

Befehl Funktion
ng new my-first-app --no-strict Neues Angular-Projekt mit allen nötigen Ordnern und Dateien erstellen.
ng serve Lokalen Server starten, App auf http://localhost:4200 öffnen.
ng generate component name Neue Komponente mit eigenem Ordner und vorgefertigten Dateien erstellen.