#So richten Sie Next-React auf Ihrem lokalen System ein.

Um React mit Next.js mithilfe des Befehls npx create-next-app@latest zu installieren, führen Sie die folgenden Schritte aus:

1. Stellen Sie sicher, dass Node.js installiert ist

Bevor Sie ein Next.js-Projekt erstellen, müssen Sie Node.js auf Ihrem System installiert haben. Überprüfen Sie, ob es installiert ist, indem Sie Folgendes ausführen:

node -v

Wenn Sie es nicht installiert haben, laden Sie es von der offiziellen Website von Node.js herunter und installieren Sie es.

2. Öffnen Sie ein Terminal oder eine Eingabeaufforderung

Öffnen Sie unter Windows die Eingabeaufforderung oder PowerShell. Öffnen Sie unter macOS oder Linux ein Terminal.

3. Navigieren Sie zu dem Ordner, in dem Sie das Projekt erstellen möchten

Navigieren Sie mit dem Befehl cd zu dem Ordner, in dem Sie Ihr neues Projekt erstellen möchten. Zum Beispiel:

cd path/to/your/project/folder

4. Führen Sie den Befehl npx create-next-app@latest aus

Führen Sie nun den folgenden Befehl aus:

npx create-next-app@latest

• Dadurch werden Ihnen Fragen zur Konfiguration Ihres neuen Next.js-Projekts gestellt.
• Beispiel für Fragen und Antworten:
  • Wie heißt Ihr Projekt?: Geben Sie einen Projektnamen an (z. B. meine-nächste-App).
  • Möchten Sie TypeScript verwenden?: Wählen Sie je nach Wunsch Ja oder Nein.
  • Möchten Sie ESLint verwenden?: Wählen Sie Ja oder Nein, je nachdem, ob Linting aktiviert sein soll.
  • Möchten Sie Tailwind CSS verwenden?: Wählen Sie „Ja“, wenn Sie Tailwind für das Styling verwenden möchten.
  • Möchten Sie das Verzeichnis src/ verwenden?: Wählen Sie Ja oder Nein.
  • Möchten Sie App Router verwenden?: Wählen Sie je nach Wunsch Ja oder Nein.
  • Möchten Sie den Standard-Importalias anpassen?: Wählen Sie Ja oder Nein.

Sobald Sie alle Eingabeaufforderungen beantwortet haben, installiert der Befehl alle erforderlichen Abhängigkeiten und erstellt die Projektdateien.

5. Navigieren Sie zu Ihrem neuen Projektordner

Navigieren Sie nach Abschluss der Installation zum Ordner Ihres neuen Next.js-Projekts:

cd my-next-app

Ersetzen Sie my-next-app durch den tatsächlichen Namen Ihres Projekts.

6. Führen Sie den Entwicklungsserver aus

Um den Entwicklungsserver zu starten und Ihr neues Next.js-Projekt in Aktion zu sehen, führen Sie Folgendes aus:

npm run dev

Standardmäßig ist Ihr Projekt unter http://localhost:3000 zugänglich.

7. Öffnen Sie das Projekt in Ihrem Code-Editor

Öffnen Sie Ihren Projektordner in Ihrem bevorzugten Code-Editor, z. B. VS Code:

code .

Jetzt haben Sie erfolgreich ein neues Next.js (React)-Projekt erstellt und eingerichtet!

Das obige ist der detaillierte Inhalt von#So richten Sie Next-React auf Ihrem lokalen System ein.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!