Stellen Sie kurz den Prozess der Erstellung eines React-Projekts und der Installation von Abhängigkeiten vor

Dieser Artikel bietet Ihnen eine kurze Einführung in den Prozess des Erstellens eines React-Projekts und der Installation von Abhängigkeiten. Ich hoffe, dass er Ihnen als Referenz dienen wird.

1. Voraussetzungen

Stellen Sie zunächst sicher, dass node.js installiert wurde...

Öffnen Sie nach Abschluss der Installation die cmd-Befehlszeile und geben Sie node -v und npm -v ein, um die Versionsnummer zu überprüfen. Wenn diese angezeigt wird, ist die Installation abgeschlossen.

2. React Scaffolding installieren

　Geben Sie in die cmd-Befehlszeile ein: npm install -g create-react- app Wartet auf seine Installation

3. Erstellen Sie ein neues React-Projekt

Das erstellte Projekt wird im Benutzer installiert Standardverzeichnis und Sie möchten es ändern. Das Verzeichnis kann auf den folgenden Befehl verweisen:

　Geben Sie in die cmd-Befehlszeile ein: d: (Wählen Sie Laufwerk D aus)

　Geben Sie in der cmd-Befehlszeile :cd d:reactDemo ein (Geben Sie den angegebenen Ordner im Laufwerk D ein)

Führen Sie den neuen Projektbefehl aus: create-react-app my-new-app („my-new-app“ ist der Name Ihres Projektstammverzeichnisordners)

Warten Sie noch lange.... Denken Sie daran.. . Keine Panik

Taobao cnpm-Befehl installieren

Das Abrufen von npm ist etwas zeitaufwändig. Es wird empfohlen, cnpm

des Taobao-Teams zu verwenden. Geben Sie in der cmd-Befehlszeile Folgendes ein: npm install -g cnpm --registry=https://registry.npm.taobao.org

Geben Sie cnpm -v ein, um zu sehen, ob die Eingabe normal ist. Zeigt an, dass die Installation erfolgreich war

5. Installieren Sie die erforderlichen Abhängigkeitspakete

Geben Sie in die cmd-Befehlszeile ein: cd d:reactDemo my-new-app (Geben Sie den Pfad Ihrer neuen Projektdatei ein)

Fahren Sie mit cmd wie folgt fort:

npm init (dann Enter bis zum Anschlag)

cnpm install --save React React-Dom (React und React-Dom in dieses Verzeichnis importieren)

cnpm install --save React-Router-Dom (React Routing, wird in Zukunft verwendet )

Weiter warten...

Projekt starten

Stellen Sie sicher, dass sich das cmd-Verzeichnis im Stammverzeichnis Ihres Projekts befindet: d:reactDemo my-new-app

Starten Sie das Projekt: npm start Nach dem Start erscheint das Webseitenfenster von localhost:3000 wird automatisch angezeigt

Wenn Sie das Projekt schließen möchten, schließen Sie einfach das CMD-Fenster direkt oder verwenden Sie Strg+C, geben Sie Y ein und beenden Sie

Das obige ist der detaillierte Inhalt vonStellen Sie kurz den Prozess der Erstellung eines React-Projekts und der Installation von Abhängigkeiten vor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!