Localhost:3000 este un port implicit utilizat de serverele web. Este un server de dezvoltare locală care merge mai departe port 3000 . Este foarte frecvent utilizat de dezvoltatorii experimentați, începători și de nivel mediu atunci când lucrează la o aplicație web. Dezvoltatorii folosesc localhost:3000 pentru a vedea previzualizarea aplicației dezvoltate și pentru a o testa în conformitate cu cerințele de răspuns și alți parametri înainte de a o implementa în producție.
Să înțelegem localhost:3000 defalcând-o:
- gazdă locală: Se referă la numele de gazdă sau la dispozitivul curent pe care îl utilizați în scopuri de dezvoltare.
- 3000: Este numărul portului pe care serverul de dezvoltare creat este configurat să asculte.
Să ne aprofundăm în conceptul localhost:3000, înțelegând unul câte unul punctele de mai jos:
Cum să porniți serverul localhost:3000 pe mașina dvs.?
Pentru a porni serverul localhost:3000 trebuie să aveți un serviciu care funcționează pe portul localhost:3000, cum ar fi ReactJS , NodeJS , VueJS , AngularJS , etc. Dacă lucrați cu oricare dintre serviciile menționate, atunci trebuie să tastați o comandă în terminalul IDE-ului sau promptul de comandă în funcție de serviciul pe care îl utilizați.
indicii în c
Comenzile pentru diferite servicii sunt enumerate mai jos:
- Node.js : Dacă aveți node.js instalat pe mașina dvs. cu Manager de pachete nod (npm). Puteți folosi instrumente precum serverul http sau live-server pentru a porni serverul de dezvoltare localhost:3000 cu ajutorul comenzilor de mai jos:
// 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 cazul ReactJS, nu trebuie să instalați serverul extern. Dacă creați o aplicație react folosind create-react-app creează automat un server de dezvoltare. Trebuie doar să rulați comenzile de mai jos pentru a porni serverul.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
- AngularJS : Aplicația angular vine, de asemenea, cu un server de dezvoltare, trebuie doar să creați aplicația angular folosind CLI Angular și să rulați comenzile de mai jos.
// 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>
Cum se creează un server de dezvoltare în ReactJS ?
Urmați pașii de mai jos pentru a crea și a porni un server de dezvoltare în ReactJS:
- Pasul 1: Creați aplicația react folosind npm create-react-app comanda prin specificarea numelui proiectului după aceasta.
npm create-react-app projectName>
- Pasul 2: Navigați la folderul actual al proiectului.
cd pathToYourProject>
- Pasul 3: Creați fișiere în interiorul src folder și rulați serverul folosind comanda de mai jos.
npm start>
Exemplu: Codul de mai jos poate fi folosit ca cod șablon pentru fișierul dvs.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Bine ați venit la techcodeview.com { isHidden && A Computer Science Portal. } style={ { backgroundColor: 'verde', culoare: '#fff', padding: '15px', cursor: 'pointer', chenar: 'none', borderRadius: ' 10px' }}> Faceți clic pentru a comuta mai mult conținut de pagină { isHidden && Acest conținut este comutat dinamic folosind evenimentul de clic cu butonul. }); }; exportați aplicația implicită;>>> |
>Ieșire:
