Kann Webstorm Build auf Projekte reagieren?

Webstorm kann Reaktionsprojekte erstellen: Zuerst Webstorm installieren und konfigurieren, dann die Knotenumgebung unter Webstorm konfigurieren und abschließend erstellen neue Reaktion.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Webstorm2020.3 und React16.4.0-Version, Dell G3-Computer.

Empfohlen: „Webstorm-Tutorial“

Erstellen Sie ein React-Projekt mit Webstorm

Laden Sie Webstorm herunter, installieren Sie es und konfigurieren Sie es dann. Die Konfiguration ist erfolgreich:

Nachdem die Konfiguration erfolgreich war, können Sie starten Webstorm-Projekt.

1: Konfigurieren Sie die Knotenumgebung unter Webstorm:

2: Nach Abschluss:

Reagieren Sie auf die offizielle Gerüstadresse:

https://github.com/facebook/create-react-app

Unter dem Terminal Führen Sie zur Installation npm install -g create-react-app aus. Sie müssen es nicht für jedes Projekt installieren. Installieren Sie einfach einmal einen Webstorm

3: Sie können direkt ein neues React-App-Projekt erstellen.

4: Wie oben gezeigt: Nach Abschluss der Installation: Führen Sie npm list -depath0 aus (überprüfen Sie die heruntergeladenen Abhängigkeitspakete, die nicht leer sind)

oder npm ls (überprüfen Sie alle heruntergeladenen Abhängigkeitspakete, einschließlich leer). Dateien)

Vervollständigen und öffnen Sie den Eingang

5: Schließlich können Sie Ihr eigenes Reaktionsprojekt abschließen

Hinweis: Es müssen Paketelemente der obersten Ebene vorhanden sein: Wenn es sich nicht um einen Fehler handelt

wie folgt Bild:

6: Initialisierung:

Erstellen Sie einen neuen Komponentenordner. Und erstellen Sie eine header.js wie unten gezeigt: Die Schaltfläche steuert die Sichtbarkeit des Inhalts. Die abgekürzte Klasse muss groß geschrieben werden. Wenn Sie sie als Referenz an andere Stellen exportieren müssen, müssen Sie die Standardklasse 7 exportieren : Exportierte Komponenten zitieren

8: Endergebnis

9: Verpacken und online gehen, nachdem das Projekt abgeschlossen ist. Die durch Ausführen von Yarn Build hochgeladene Datei ist wie unten dargestellt

Das obige ist der detaillierte Inhalt vonKann Webstorm Build auf Projekte reagieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!