Wie erstellt man eine React-App mit Vite über npm?

08.03.2026

Melden

Einleitung: React und Vite

React ist eine weit verbreitete JavaScript-Bibliothek zur Erstellung von Benutzeroberflächen,

insbesondere von Single-Page-Applications. Traditionell wurde React-Apps oft mit dem Tool create-react-app

(CRA) erstellt. Allerdings hat sich in den letzten Jahren Vite als moderne und schnellere Alternative etabliert.

Vite ist ein Build-Tool, das besonders durch seine schnellere Entwicklungsumgebung und optimierte Paketierung überzeugt.

Mit Vite können React-Anwendungen schneller gestartet und gebaut werden als mit den klassischen Tools.

Das klassische Tool create-react-app bietet eine einfache Möglichkeit, um schnell eine React-Anwendung

ohne große Konfiguration zu starten. Allerdings startet die Entwicklungsumgebung von create-react-app

häufig langsamer, da das Erstellen der Bundle-Dateien zuerst erfolgen muss. Vite hingegen nutzt ein neues Konzept,

das die Module während der Entwicklung on-demand lädt und dabei modernste Browserfeatures nutzt. Das führt zu einer

Um eine neue React-Anwendung mit Vite zu starten, kann man das Kommandozeilenwerkzeug von npm verwenden.

Dabei bietet Vite ein eigenes Template für React an, das bei der Projektinitialisierung automatisch eingesetzt wird.

Die wesentliche Herangehensweise ist, den Vite-Project-Initializer über npm auszuführen und dabei React als Vorlage auszuwählen.

Zunächst öffnet man ein Terminal oder die Kommandozeile und gibt den Befehl ein, welcher das Projekt mit Vite

anlegt. Wichtig ist dabei, die offizielle Vite-Anleitung zu beachten, die auch die Nutzung von npm unterstützt.

Das übliche Kommando ist npm create vite@latest, womit der neueste Starter von Vite verwendet wird.

Während des Vorgangs wird man gefragt, welchen Projektnamen man wählen möchte und welches Template (z. B. React oder React mit TypeScript).

Nach der Erstellung des Projekts navigiert man in das neu erzeugte Verzeichnis und installiert die Abhängigkeiten per

npm install. Schließlich startet man die Entwicklungsumgebung mit npm run dev.

Mit Hilfe von npm kann man eine moderne React-Anwendung unkompliziert mit Vite erstellen. Vite bietet gegenüber

create-react-app Vorteile durch schnellere Startzeiten und eine angenehmere Entwicklererfahrung. Der Prozess läuft über

den Befehl npm create vite@latest ab, wobei man React als Vorlage auswählt. Anschließend werden die Pakete installiert

und die Entwicklung mit npm run dev gestartet. So lässt sich eine performante React-Anwendung besonders