Ausführliche Erklärung der React-Schnellstart-Scaffolding-Create-React-App

1. Schneller Einstieg mit der React-Scaffolding-Create-React-App

Um schnell Projekte mit React zu erstellen, hat FaceBook offiziell eine No-Configuration veröffentlicht , create-react-app, ein Gerüsttool zum schnellen Aufbau einer Entwicklungsumgebung.
Wenn Sie ein React Native-Gerüstprojekt benötigen, können Sie dies natürlich hier überprüfen: create-react-native-app

Grund und Verwendungsmerkmale:

• Keine Konfiguration erforderlich;

• Integrierte Unterstützung für React, JSX, ES6 und Flow

• Integrierter Entwicklungsserver;

• Die Browser-Hot-Loading-Funktion ist konfiguriert

• CSS und Bilder können direkt in JavaScript importiert werden; >

  Behandelt CSS-Kompatibilitätsprobleme automatisch, ohne das Präfix
hinzuzufügen.

• -webkit

  Integrieren Sie Kompilierungsbefehle, veröffentlichen Sie sie direkt in Produkten nach der Kompilierung und schließen Sie auch Quellkarten ein.

2. Installation von create-react-app

Verwenden Sie npm in der Befehlszeile, um den Installationsbefehl auszuführen

Bitte beachten Sie die Anforderungen. Fügen Sie den g-Parameter für globale Installations- und Berechtigungsprobleme hinzu.

npm install -g create-react-app

Führen Sie nach der Installation den Ausführungsbefehl aus und Sie können ihn im sehen Browser nach dem Ausführen Das Ergebnis und die Hot-Loading-Funktion wurden implementiert.

npm start

3. Mehrere Punkte zu beachten

Knotenversion muss >= 4 sein, Knoten >= 6 wird empfohlen und npm > ;= 3;

• Nach dem Ausführen hat der Browser eine Hot-Loading-Aktualisierung implementiert und der Browser wird automatisch aktualisiert, nachdem der geänderte Code gespeichert wurde

• Ausführen
kann Testaktionen ausführen, siehe hier

• npm test 或 yarn test

  Projektausführung kompilieren

• npm run build 或 yarn buildMehr Bitte einstecken Klicken Sie hier, um den Assistenten zu verwenden.

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung der React-Schnellstart-Scaffolding-Create-React-App. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!