logo

TechCodeview

Localhost 3000

Localhost:3000 er en standardport, der bruges af webserverne. Det er en lokal udviklingsserver der kører videre Havn 3000 . Det er meget almindeligt brugt af erfarne såvel som begyndere og mellemniveau udviklere, når de arbejder på en webapplikation. Udviklere bruger localhost:3000 til at se forhåndsvisningen af ​​den udviklede applikation og teste den i overensstemmelse med kravene til reaktionsevne og andre parametre, før den implementeres til produktion.

Lad os forstå localhost:3000 ved at opdele det:



  • lokal vært: Det refererer til værtsnavnet eller den aktuelle enhed, du bruger til udviklingsformål.
  • 3000: Det er portnummeret, som den oprettede udviklingsserver er konfigureret til at lytte på.

Lad os dykke dybere ned i begrebet localhost:3000 ved at forstå nedenstående punkter én efter én:

Hvordan starter du localhost:3000-serveren på din maskine?

For at starte localhost:3000-serveren skal du have en service, der fungerer på localhost:3000-porten som f.eks. ReactJS , NodeJS , VueJS , AngularJS , etc. Hvis du arbejder med nogen af ​​de nævnte tjenester, skal du skrive en kommando inde i terminalen på din IDE eller kommandoprompt baseret på den tjeneste, du bruger.

hvad betyder dette xd

Kommandoer til forskellige tjenester er angivet nedenfor:

  • Node.js : Hvis du har node.js installeret på din maskine med Node Package Manager (npm). Du kan bruge værktøjerne som f.eks http-server eller live-server for at starte localhost:3000 udviklingsserveren ved hjælp af nedenstående kommandoer:
// 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 : I tilfælde af ReactJS behøver du ikke installere serveren eksternt. Hvis du opretter en reagere app ved hjælp af opret-reager-app den opretter automatisk en udviklingsserver. Du skal bare køre nedenstående kommandoer for at starte serveren.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
  • AngularJS : Den kantede app kommer også med udviklingsserver, du skal bare oprette en kantet app ved hjælp af Angular CLI og køre nedenstående kommandoer.
// 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>

Sådan opretter du udviklingsserver i ReactJS ?

Følg nedenstående trin for at oprette og starte udviklingsserver i ReactJS:



  • Trin 1: Opret reagere app ved hjælp af npm create-react-app kommando ved at angive navnet på projektet efter det.
npm create-react-app projectName>
  • Trin 2: Naviger til din aktuelle projektmappe.
cd pathToYourProject>
  • Trin 3: Opret filer inde i src mappe og kør serveren ved hjælp af nedenstående kommando.
npm start>

Eksempel: Nedenstående kode kan bruges som skabelonkode til din fil.

Javascript






// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Velkommen til techcodeview.com { isHidden && A Computer Science Portal. } style={ { baggrundsfarve: 'grøn', farve: '#fff', polstring: '15px', markør: 'pointer', kant: 'ingen', borderRadius: ' 10px' }}> Klik for at skifte til mere sideindhold { isSkjult && Dette indhold skiftes dynamisk ved hjælp af klikhændelse med knap. } ); }; eksport standard app;> 

>

>

Produktion:

localhostGIF