Localhost:3000 ist ein Standardport, der von den Webservern verwendet wird. es ist ein Lokaler Entwicklungsserver das läuft weiter Hafen 3000 . Es wird sehr häufig von erfahrenen sowie Anfänger- und Fortgeschrittenenentwicklern verwendet, wenn sie an einer Webanwendung arbeiten. Entwickler verwenden localhost:3000, um die Vorschau der entwickelten Anwendung anzuzeigen und sie gemäß den Anforderungen an Reaktionsfähigkeit und anderen Parametern zu testen, bevor sie sie in der Produktion bereitstellen.
Lassen Sie uns localhost:3000 verstehen, indem wir es aufschlüsseln:
- lokaler Host: Es bezieht sich auf den Hostnamen oder das aktuelle Gerät, das Sie für Entwicklungszwecke verwenden.
- 3000: Dies ist die Portnummer, auf der der erstellte Entwicklungsserver lauschen soll.
Lassen Sie uns tiefer in das Konzept von localhost:3000 eintauchen, indem wir die folgenden Punkte nacheinander verstehen:
Wie starte ich den localhost:3000-Server auf Ihrem Computer?
Um den localhost:3000-Server zu starten, benötigen Sie einen Dienst, der auf dem localhost:3000-Port ausgeführt wird ReactJS , NodeJS , VueJS , AngularJS , usw. Wenn Sie mit einem der genannten Dienste arbeiten, müssen Sie je nach verwendetem Dienst einen Befehl in das Terminal Ihrer IDE oder Eingabeaufforderung eingeben.
Pyspark-Tutorial
Befehle für verschiedene Dienste sind unten aufgeführt:
- Node.js : Wenn Sie node.js auf Ihrem Computer installiert haben mit Knotenpaketmanager (npm). Sie können die Tools wie verwenden http-Server oder Live-Server So starten Sie den Entwicklungsserver localhost:3000 mithilfe der folgenden Befehle:
// Install tools globally npm install -g http-server/liver-server // Navigate to your project cd pathOfYourProject // Start the server at port:3000 http-server/live-server -p 3000>
- ReactJS : Im Fall von ReactJS müssen Sie den Server nicht extern installieren. Wenn Sie eine Reaktions-App mit erstellen Create-React-App Es erstellt automatisch einen Entwicklungsserver. Sie müssen lediglich die folgenden Befehle ausführen, um den Server zu starten.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
- AngularJS : Die Angular-App wird auch mit einem Entwicklungsserver geliefert. Sie müssen lediglich eine Angular-App mit der Angular-CLI erstellen und die folgenden Befehle ausführen.
// Navigate to your project directory cd pathOfYourProject // Start the server ng serve //By default, angular app run on port 4200 use below command to change it ng serve --port 3000>
So erstellen Sie einen Entwicklungsserver in ReactJS ?
Führen Sie die folgenden Schritte aus, um einen Entwicklungsserver in ReactJS zu erstellen und zu starten:
- Schritt 1: Erstellen Sie eine Reaktions-App mit dem npm create-react-app Befehl, indem Sie danach den Namen des Projekts angeben.
npm create-react-app projectName>
- Schritt 2: Navigieren Sie zu Ihrem aktuellen Projektordner.
cd pathToYourProject>
- Schritt 3: Erstellen Sie Dateien innerhalb der src Ordner und führen Sie den Server mit dem folgenden Befehl aus.
npm start>
Beispiel: Der folgende Code kann als Vorlagencode für Ihre Datei verwendet werden.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Willkommen bei techcodeview.com { isHidden && Ein Informatikportal. } style={ { Hintergrundfarbe: 'grün', Farbe: '#fff', Polsterung: '15px', Cursor: 'Zeiger', Rand: 'none', borderRadius: ' 10px' }}> Klicken Sie hier, um mehr Seiteninhalt umzuschalten { isHidden && Dieser Inhalt wird dynamisch mithilfe eines Klickereignisses mit der Schaltfläche umgeschaltet. } ); }; Standard-App exportieren;> |
>
>
Ausgabe:
