Erste Schritte

Schritt-für-Schritt-Anleitung für eine moderne Angular-Umgebung mit Tailwind CSS und Spartan UI.

Schritt 1: Angular CLI installieren
Node.js erforderlich

Installieren Sie die Angular Command Line Interface (CLI) global auf Ihrem System.

npm install -g @angular/cli

Stellen Sie sicher, dass Sie eine aktuelle Version von Node.js (LTS empfohlen) installiert haben.

Schritt 2: Neues Angular-Projekt erstellen

Initialisieren Sie Ihre Anwendung mit der CLI. Dadurch werden Workspace und Projektdateien angelegt.

ng new my-awesome-app --style=css --ssr

Folgen Sie den Eingabeaufforderungen. Wir empfehlen, SSR (Server Side Rendering) zu aktivieren – für bessere Performance und SEO.

Schritt 3: Tailwind CSS hinzufügen

Tailwind CSS ist die primäre Styling-Engine von Spartan UI.

ng add tailwindcss

Offizieller Tailwind‑Leitfaden Angular.dev Tailwind Leitfaden

Rocket Schritt 4: Spartan UI installieren

Fügen Sie Ihrem Projekt die Leistungsfähigkeit von Spartan UI über die offizielle CLI hinzu.

1. Spartan CLI installieren (Dev‑Abhängigkeit):

npm install -D @spartan-ng/cli

2. Spartan im Projekt initialisieren:

ng g @spartan-ng/cli:init

(Hinweis: Verwenden Sie 'npx nx g @spartan-ng/cli:init', wenn Sie ein Nx Workspace nutzen)

3. UI‑Komponenten nach Bedarf hinzufügen:

ng g @spartan-ng/cli:ui

Die CLI fragt die gewünschten Komponenten ab. Jede Komponente umfasst:

  • Brain‑Primitiv: Headless‑Logik (in node_modules installiert)
  • Helm‑Styles: Visuelles Styling (in Ihr Projekt kopiert)
  • Alle notwendigen Abhängigkeiten werden automatisch verwaltet

Weitere Dokumentation und interaktive Beispiele finden Sie hier:
spartan.ng

Erstellt mit Angular, Tailwind CSS und Leidenschaft.