So installieren Sie ReactJS unter Debian 11

In diesem Tutorial zeigen wir Ihnen, wie Sie ReactJS unter Debian 11 installieren. Für diejenigen unter Ihnen, die es nicht wussten, React ist eine Open-Source-JavaScript-Bibliothek und wird zur Entwicklung von Front- Ende von Webanwendungen. Es ermöglicht Ihnen, wiederverwendbare Komponenten für eine einseitige Benutzeroberfläche zu erstellen. Es wird von Facebook und einer großen Community von Entwicklern entwickelt und gepflegt. ReactJS kann bei der Entwicklung von Webanwendungen oder mobilen Apps verwendet werden.

Dieser Artikel geht davon aus, dass Sie zumindest über Grundkenntnisse in Linux verfügen, wissen, wie man die Shell verwendet, und vor allem, dass Sie Ihre Website auf Ihrem eigenen VPS hosten. Die Installation ist recht einfach und setzt Sie voraus im Root-Konto ausgeführt werden, wenn nicht, müssen Sie möglicherweise 'sudo hinzufügen ‘ zu den Befehlen, um Root-Rechte zu erhalten. Ich zeige Ihnen Schritt für Schritt die Installation von ReactJS auf einem Debian 11 (Bullseye).

Voraussetzungen

• Ein Server, auf dem eines der folgenden Betriebssysteme ausgeführt wird:Debian 11 (Bullseye).
• Es wird empfohlen, dass Sie eine neue Betriebssysteminstallation verwenden, um potenziellen Problemen vorzubeugen.
• Ein non-root sudo user oder Zugriff auf den root user . Wir empfehlen, als non-root sudo user zu agieren , da Sie Ihr System beschädigen können, wenn Sie als Root nicht aufpassen.

Installieren Sie ReactJS auf Debian 11 Bullseye

Schritt 1. Bevor wir Software installieren, ist es wichtig sicherzustellen, dass Ihr System auf dem neuesten Stand ist, indem Sie das folgende apt ausführen Befehle im Terminal:

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Schritt 2. Installation von Node.js.

Mit Node.js können Sie JavaScript auf der Serverseite und außerhalb des Browsers ausführen. Jetzt fügen wir das offizielle Node.js-Repository manuell auf Debian 11 hinzu:

curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -

Sobald das Repository erfolgreich hinzugefügt wurde, können Sie jetzt Node.js mit dem folgenden Befehl installieren:

sudo apt install nodejs

Überprüfen Sie schließlich die Node.js-Version mit dem folgenden Befehl:

node -v

Überprüfen Sie die npm-Version:

npm -v

Schritt 3. React.js unter Debian 11 installieren.

Nach der Installation des Knotens und von npm ist zum Erstellen einer App der folgende Befehl erforderlich, um die erforderlichen Abhängigkeiten herunterzuladen, die Ihre App zum Ausführen benötigt:

npm install -g create-react-app

Erstellen Sie als Nächstes eine React-App mit dem folgenden Befehl:

create-react-app reactapp

Ausgabe:

Success! Created reactapp at /root/reactapp
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactapp
  npm start

Wechseln Sie dann das Verzeichnis in die App. Hinweis:„reactapp“ ist der Name der App, die Sie erstellen möchten:

cd reactapp
npm start 0.0.0.0

Ausgabe:

> [email protected] start
> react-scripts start "0.0.0.0"
Compiled successfully!

You can now view reactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Schritt 4. Zugriff auf die ReactJS-Weboberfläche.

Öffnen Sie nach erfolgreicher Installation Ihren Webbrowser und testen Sie Ihre React-Anwendung mit der URL http://your-server-ip-address:3000 . Sie sollten die React-Standardseite sehen:

Herzlichen Glückwunsch! Sie haben ReactJS erfolgreich installiert. Vielen Dank, dass Sie dieses Tutorial für die Installation der neuesten Version von ReactJS auf Debian 11 Bullseye verwendet haben. Für zusätzliche Hilfe oder nützliche Informationen empfehlen wir Ihnen, das offizielle ReactJS zu überprüfen Webseite.