it-swarm.com.de

Wie installiere ich ReactJS?

Ich versuche, React JS unter Ubuntu zu installieren, aber die Anweisungen in das Tutorial gilt nur für Windows . Wie kann ich weitermachen?

Ich habe einige andere Tutorials im Internet gelesen und festgestellt, dass keine zwei Websites die gleichen Vorschläge machen. Außerdem bin ich mir nicht sicher, ob es sicher ist, die Inhalte von Websites Dritter zu installieren. Ich bin total verwirrt mit diesem Setup.

2
Harsha

Ich habe dafür die create-react-app verwendet und sie ist nach Eingabe von nur zwei Befehlen im Terminal fertig. Verwenden Sie einfach Sudo für die Befehle, wenn es anfangs nicht funktioniert.

1
Harsha

Vorausgesetzt, Sie haben noch nichts installiert, installieren Sie nodejs und npm mit:

Sudo apt-get install nodejs npm

Erstellen Sie ein Projektverzeichnis, um Ihre App zu erstellen:

mkdir reactApp
cd reactApp

Initialisieren Sie Ihr npm-Projekt und fügen Sie alle Ihre Projektbibliotheken/Abhängigkeiten hinzu. Sie können die Eingabetaste für alle Fragen drücken, die während des npm init gestellt wurden. Oder Sie können npm init -y verwenden, um alle Fragen zu überspringen.

npm init OR npm init -y
npm install webpack --save
npm install webpack-dev-server --save
npm install react --save

Alternativ können Sie die von den guten Facebook-Leuten erstellte Bibliothek verwenden, um bootstrap ein Reaktionsprojekt zu erstellen, sodass Sie sich nicht um Webpack, Babel-Core und den Rest kümmern müssen ... Führen Sie einfach Folgendes aus:

npm install -g create-react-app

Nachdem es global installiert wurde, können Sie es jetzt verwenden, um ein Projekt zu erstellen

create-react-app projectname

Behalten Sie den Projektnamen in Kleinbuchstaben bei, da sonst eine Fehlermeldung angezeigt wird (dies wurde erst kürzlich begonnen). Wenn das erledigt ist,

cd projectname

und Voila!

npm start oder yarn startet Ihr Programm an Port 3000.

13
llsouder

Erstellen Sie einen Ordner mit dem Namen react

Sudo apt install npm

Diese vier Befehle sind optional:

npm install -g babel-cli
npm install babel-preset-es2015 babel-preset-react
npm install -g browserify
npm install -g watchify

Führen Sie nach der Installation die folgenden Befehle aus:

npm install -g create-react-app
create-react-app hello-world
cd hello-world
npm start

Sie erhalten so etwas:

Success! Created hello-world at `/your-directory/react/hello-world`

In diesem Verzeichnis können Sie mehrere Befehle ausführen:

  • Starten Sie den Entwicklungsserver:

    npm start
    
  • Bündeln Sie die App in statische Dateien für die Produktion:

    npm run build
    
  • Starten Sie den Testläufer:

    npm test
    
  • Entfernen Sie dieses Tool und kopieren Sie Build-Abhängigkeiten, Konfigurationsdateien und Skripte in das App-Verzeichnis (in diesem Fall können Sie nicht zurückkehren!):

    npm run eject
    

Wir empfehlen Ihnen, zunächst Folgendes einzugeben:

cd hello-world
npm start
2
Faeza