Vite+

Was ist Vite+?

Vite+ ist eine einheitliche Kommandozeilen-Toolchain für die Webentwicklung, die Runtime-Verwaltung, Paketmanager-Auswahl und gängige Frontend-Workflows in einer einzigen Oberfläche vereint. Sie standardisiert das Starten von Entwicklungsservern, das Erstellen von Produktionsausgaben, das Überprüfen der Codequalität, Testen und Packen von Bibliotheken oder Anwendungen.

Das Projekt ist kostenlos und Open Source unter der MIT-Lizenz, mit Installationsanweisungen für macOS/Linux und Windows. Die Website positioniert Vite+ als zentralen Einstiegspunkt für alltägliche Aufgaben, während etablierte Open-Source-Komponenten in der zugrunde liegenden Toolchain genutzt werden.

Wichtige Funktionen

• Einheitliche CLI für gängige Webaufgaben (dev, build, check, test, run, pack)
  • Bietet einen konsistenten Workflow über den gesamten Frontend-Stack statt separater Tool-Verwaltung.
• Automatische Runtime- und Paketmanager-Auswahl
  • Nutzt Node automatisch und wählt den passenden Paketmanager für jedes Projekt aus.
• Eine Konfigurationsdatei und konsistenter Befehlsfluss
  • Zielt auf einheitliche Befehlsstile über den Stack ab.
• „check“ als einheitlicher Durchlauf für Formatierung, Linting und Type-Checking
  • Führt Tools mit Oxlint (Lint) und Oxfmt (Format) aus und integriert Type-Checks via tsgo, mit Auto-Fix wo möglich.
• Jest-kompatibler Test-Runner mit wiederverwendbarer App-Konfiguration
  • Vite+ test nutzt dieselbe resolve/transform-Konfiguration der Anwendung und unterstützt Modi wie Browser-Modus und Snapshot-Tests.
• Monorepo-orientierte Task-Ausführung mit Caching
  • Vite+ run ist ein Task-Runner für Monorepos und Skripte mit automatischer Input-Tracking für cachefähige Tasks und abhängigkeitsbewusster Ausführung über Workspace-Pakete.
• Packaging-Unterstützung für npm-Bibliotheken und eigenständige Binaries
  • „pack“ bundelt TypeScript/JavaScript-Bibliotheken, erzeugt DTS und kann eigenständige App-Binaries oder transform-only ungebündelten Modus produzieren.
• Basierend auf Vite und verwandten Komponenten
  • Die Website verweist auf einen Stack mit Vite und Rolldown (und weiteren wie tsdown für Packing und Vitest für Testing).

So nutzt du Vite+

1. Installiere Vite+ global.
   • macOS/Linux: curl -fsSL https://vite.plus | bash
   • Windows (PowerShell): irm https://vite.plus/ps1 | iex
2. Starte die CLI in einer neuen Terminal-Sitzung.
   • Die Website empfiehlt nach der Installation vp help auszuführen.
3. Für CI den bereitgestellten Setup-Schritt nutzen.
   • Die Website empfiehlt setup-vp ..
4. Führe Standardprojektbefehle über Vite+ aus.
   • Häufige Beispiele: vp dev, vp build, vp check, vp test, vp run und vp pack.

Anwendungsfälle

• Standardisierung von Dev- und Build-Workflows über ein Repo
  • Teams nutzen einen einzigen CLI-Einstiegspunkt, um Dev-Server zu starten, Produktionsbuilds zu erstellen und Qualitätschecks mit konsistentem Befehlsfluss durchzuführen.
• CI, das Formatierung, Linting und Types in einem Befehl validiert
  • vp check führt Formatierung, Linting und Type-Checking zusammen durch; die Website erwähnt --fix für Auto-Fixes wo möglich.
• Testing mit derselben App-Transform-Konfiguration
  • Wenn Unit-Tests die resolve/transform-Einstellungen der Anwendung benötigen, reused Vite+ test diese automatisch.
• Monorepo-Skripte und cachefähige Tasks
  • Für Workspaces mit paketabhängigen Tasks bietet vp run abhängigkeitsbewusste Ausführung und Caching basierend auf getrackten Inputs.
• Packaging von Bibliotheken oder Erstellung eigenständiger Artefakte
  • vp pack bundelt TS/JS-Bibliotheken für npm (inkl. DTS-Generierung und Package-Exports) oder baut eigenständige App-Binaries, inkl. ungebündeltem transform-only-Modus.

FAQ

• Ist Vite+ eine Alternative zu npm, pnpm oder yarn?

  • Vite+ verwaltet die Runtime und wählt den Paketmanager pro Projekt aus, abhängig vom Projekt-Setup. Die Website listet pnpm, npm und yarn als unterstützte Optionen.

• Wie führe ich Checks für Formatierung, Linting und Type-Fehler durch?

  • Nutze vp check. Die Website beschreibt, dass check Formatierung, Linting und Type-Checking in einem Durchlauf abdeckt und vp check --fix Auto-Fixes wo möglich anwendet.

• Welche Test-Framework-Kompatibilität bietet Vite+?

  • Der Test-Runner ist „Jest-kompatibel“ und basiert auf Vitest.

• Wie richte ich Vite+ für CI ein?

  • Die Website empfiehlt speziell setup-vp . für CI.

• Kann Vite+ Bibliotheken und Anwendungen packen?

  • Ja. Die Website beschreibt vp pack für TypeScript/JavaScript-Bibliotheken (mit DTS-Generierung) und eigenständige App-Binaries, inkl. transform-only ungebündeltem Modus.

Alternativen

• Framework-eigene Standard-Tools nutzen (z. B. Vite-basierte Skripte)

  • Statt einer einheitlichen CLI führen Sie separate Befehle für Dev/Build, Linting/Formatting, Type-Checking und Tests aus, was möglicherweise mehr tool-spezifische Konfiguration erfordert.

• Separate, spezialisierte Tools für jeden Schritt verwenden (Lint/Format/Type/Test/Package)

  • Übliche Ansätze kombinieren ESLint mit einem Formatter, einem dedizierten Type-Checker und einem separaten Test-Runner, gefolgt von einem Bundler/Packager für die Distribution.

• Einen dedizierten Monorepo-Task-Runner verwenden

  • Bei Monorepos konzentrieren sich Alternativen oft auf abhängigkeitsbewusste Ausführung und Caching, während andere Aufgaben (Dev/Build/Check/Test/Package) von separaten Tools übernommen werden.

• Eine allgemeine Build- und Packaging-Pipeline für Libraries nutzen

  • Wenn das Hauptziel Library-Packaging und Generierung von Type-Definitionen ist, kann eine Alternative auf einen Bundler plus TypeScript-DTS-Generierungsschritt setzen statt auf den einheitlichen vp pack-Workflow.