So erstellen Sie ein React-Projekt in Webstrom

So erstellen Sie ein React-Projekt von Webstrom: Installieren Sie zuerst Webstorm und React.js. Klicken Sie dann in der oberen Navigationsleiste auf „Datei“ – „Neues Projekt“ – „React APP“. Projektname“ Warten Sie einfach auf relevante Informationen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Webstorm2020.2-Version, Dell G3-Computer.

Empfohlen: „JavaScript-Grundlagen-Tutorial

1 Bevor Sie „react.js“ verwenden möchten, muss node.js auf Ihrem Computer installiert werden. Wenn es nicht installiert ist, müssen Sie zunächst die offizielle Website oder andere Kanäle besuchen, um es herunterzuladen, zu installieren und die Umgebung zu konfigurieren. Geben Sie dann den folgenden Befehl in das Befehlsfenster ein, um das Scaffolding-Toolkit „create-react-app“ herunterzuladen:

npm install -g create-react-app

2. Nach der Installation installieren wir das Webstorm-Tool.

3. Öffnen Sie nach erfolgreicher Installation die Softwareoberfläche und wählen Sie, ob Sie ein neues Projekt erstellen möchten. Der Name des neuen Projekts lautet hier:

4 , wir müssen nur im Terminalfenster Folgendes eingeben:

5 Erfolgreich gestartet

6. Zu diesem Zeitpunkt geben wir Folgendes ein: http://localhost:3000/ im Browser und Sie können die Startoberfläche sehen.

Zu diesem Zeitpunkt haben wir das Projekt erstellt und gestartet. Wenn Sie eine Seite selbst schreiben müssen, können Sie sie auf der index.js-Seite bearbeiten.

Öffnen Sie sie im Browser und sehen Sie die Auswirkung Ihrer Bearbeitung.

Die Hauptsache ist, dass, wenn wir React.js schreiben wollen, das React-Paket und die React-Komponente am Kopf der Datei eingeführt werden müssen.

import React,{Component} from 'react';
import ReactDOM from 'react-dom';

Das obige ist der detaillierte Inhalt vonSo erstellen Sie ein React-Projekt in Webstrom. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!