Heim  >  Artikel  >  Web-Frontend  >  So laden Sie das React-Paket herunter

So laden Sie das React-Paket herunter

藏色散人
藏色散人Original
2020-12-03 09:39:229556Durchsuche

So laden Sie das React-Paket herunter: Installieren Sie zuerst das React-Scaffolding. Installieren Sie dann das Taobao-CNPM-Befehlstool. Geben Sie dann den Befehl cd ein, um das abhängige Paket über „npm init“ und „cnpm install“ aufzurufen Abhängigkeitspaketname“-Befehle.

So laden Sie das React-Paket herunter

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Reaktionsversion 17.0.1, Dell G3-Computer.

Empfohlen: „React-Video-Tutorial

So laden Sie das React-Abhängigkeitspaket herunter

1. Voraussetzung

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

Nach Abschluss der Installation öffnen Geben Sie in der cmd-Befehlszeile 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 und warten Sie auf die Installation

3. Erstellen Sie ein neues React-Projekt standardmäßig. Wenn Sie das Verzeichnis ändern möchten, können Sie sich auf den folgenden Befehl beziehen:

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

Geben Sie in die cmd-Befehlszeile ein: cd d:reactDemo (eingeben

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

Warten Sie weiter auf a Lange Zeit....Denken Sie daran...Keine Panik, keine Panik

4, Die Installation des Taobao-cnpm-Befehls

Das Abrufen von npm ist etwas zeitaufwändig. Es wird empfohlen, das cnpm des Taobao-Teams zu verwenden

Geben Sie in die cmd-Befehlszeile ein:

npm install -g cnpm --registry=https://registry.npm.taobao.org

Geben Sie cnpm -v ein. Wenn die Eingabe normal ist und kein Fehler auftritt, bedeutet dies, dass die Installation erfolgreich war.

5. Installieren Sie die erforderlichen Abhängigkeitspakete.

Geben Sie den cmd-Befehl ein Zeile:

cd d:reactDemo my-new-app  (进入你新建的项目文件路径)

Fahren Sie mit cmd wie folgt fort:

npm init   (然后一路回车)
cnpm install --save react react-dom       ( 在该目录下导入react和react-dom)
cnpm install --save  react-router-dom   (react路由,以后会用到)

Warten Sie weiter...

6. Starten Sie das Projekt

Bestätigen Sie, dass sich das cmd-Verzeichnis in Ihrem Projekt befindet. Unter dem Stammverzeichnispfad: d:reactDemo my-new-app

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

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

Das obige ist der detaillierte Inhalt vonSo laden Sie das React-Paket herunter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn