Home » Webentwicklung » So erstellen Sie ein neues React JS-Projekt

So erstellen Sie ein neues React JS-Projekt

Viele Menschen möchten React JS lernen, wissen aber nicht, wo sie anfangen sollen. Am einfachsten ist es, zunächst ein neues Projekt in React JS zu erstellen. Um ein neues React JS-Projekt zu erstellen, müssen Sie zunächst sicherstellen, dass Node.js auf Ihrem System installiert ist. Wenn Sie Node.js nicht auf Ihrem System installiert haben, können Sie es hier herunterladen Hier. Versuchen Sie, die LTS-Version herunterzuladen.

Sobald Sie Node.js in Ihrem System installiert haben, führen Sie den folgenden Befehl aus:

Dadurch wird das NPX-Modul global installiert. NPX ist ein Befehlszeilentool, mit dem NPM-Pakete direkt ausgeführt werden können, ohne dass sie lokal oder global installiert werden müssen.

Führen Sie dann den folgenden Befehl aus, um einen neuen Ordner für Ihr React JS-Projekt zu erstellen:

npx create-react-app my-react-app

Ersetzen Sie „my-react-app“ durch den Namen des Ordners, den Sie erstellen möchten. Wenn Sie Leerzeichen im Namen des Ordners angeben möchten, schließen Sie diese in doppelte Anführungszeichen „“ ein. Dadurch wird ein neuer Ordner mit dem Namen „my-react-app“ erstellt. Öffnen Sie das Terminal in diesem Ordner und führen Sie das React JS-Projekt aus.

cd my-react-app
npm start

An dieser Stelle sehen Sie die folgende Seite. Es wird automatisch in Ihrem Browser geöffnet:

Erstellen Sie ein neues React JS-Projekt

Wir haben ein kostenloses erstellt Soziales Netzwerk Projekt in React JS. Sie können es herunterladen und den Code ansehen, um mehr zu erfahren.