Localhost:3000 er en standardport som brukes av webservere. Det er en lokal utviklingsserver som går videre havn 3000 . Det er veldig ofte brukt av erfarne så vel som nybegynnere og utviklere på mellomnivå når de jobber med en nettapplikasjon. Utviklere bruker localhost:3000 for å se forhåndsvisningen av den utviklede applikasjonen og teste den i henhold til kravene til respons og andre parametere før de distribueres til produksjon.
La oss forstå localhost:3000 ved å dele det ned:
- lokal vert: Det refererer til vertsnavnet eller den gjeldende enheten du bruker til utviklingsformål.
- 3000: Det er portnummeret som den opprettede utviklingsserveren er konfigurert til å lytte på.
La oss dykke dypere inn i konseptet localhost:3000 ved å forstå punktene nedenfor en etter en:
Hvordan starte localhost:3000-serveren på maskinen din?
For å starte localhost:3000-serveren må du ha en tjeneste som opererer på localhost:3000-porten som ReactJS , NodeJS , VueJS , AngularJS , etc. Hvis du jobber med noen av de nevnte tjenestene, må du skrive inn en kommando i terminalen til IDE-en eller ledeteksten basert på tjenesten du bruker.
hva betyr dette xd
Kommandoer for forskjellige tjenester er oppført nedenfor:
- Node.js : Hvis du har node.js installert på maskinen din med Node Package Manager (npm). Du kan bruke verktøyene som http-server eller live-server for å starte localhost:3000 utviklingsserver ved hjelp av kommandoene nedenfor:
// 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 : Når det gjelder ReactJS, trenger du ikke å installere serveren eksternt. Hvis du lager en reager-app ved hjelp av lag-reager-app den oppretter automatisk en utviklingsserver. Du trenger bare å kjøre kommandoene nedenfor for å starte serveren.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
- AngularJS : Den kantede appen kommer også med utviklingsserver, du trenger bare å lage en kantet app ved å bruke Angular CLI og kjøre kommandoene nedenfor.
// 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>
Hvordan lage utviklingsserver i ReactJS ?
Følg trinnene nedenfor for å opprette og starte utviklingsserver i ReactJS:
- Trinn 1: Lag en reager-app ved å bruke npm create-react-app kommando ved å spesifisere navnet på prosjektet etter det.
npm create-react-app projectName>
- Steg 2: Naviger til din nåværende prosjektmappe.
cd pathToYourProject>
- Trinn 3: Lag filer inne i src mappen og kjør serveren ved å bruke kommandoen nedenfor.
npm start>
Eksempel: Koden nedenfor kan brukes som en malkode for filen din.
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={ { bakgrunnsfarge: 'grønn', farge: '#fff', polstring: '15px', markør: 'peker', kantlinje: 'ingen', borderRadius: ' 10px' }}> Klikk for å veksle mellom mer sideinnhold { isSkjult && Dette innholdet veksles dynamisk ved å bruke klikkhendelse med knapp. } ); }; eksport standard app;> |
>
>
Produksjon:
