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!
