Localhost:3000 és un port predeterminat utilitzat pels servidors web. És un servidor de desenvolupament local que continua port 3000 . És molt utilitzat per desenvolupadors experimentats, principiants i de nivell intermedi quan treballen en una aplicació web. Els desenvolupadors utilitzen localhost:3000 per veure la vista prèvia de l'aplicació desenvolupada i provar-la segons els requisits de capacitat de resposta i altres paràmetres abans de desplegar-la a producció.
Entenem localhost:3000 desglossant-lo:
- localhost: Es refereix al nom d'amfitrió o al dispositiu actual que utilitzeu amb finalitats de desenvolupament.
- 3000: És el número de port on el servidor de desenvolupament creat està configurat per escoltar.
Aprofundim en el concepte de localhost:3000 entenent els punts següents un per un:
Com iniciar el servidor localhost:3000 a la vostra màquina?
Per iniciar el servidor localhost:3000, heu de tenir un servei que funcioni al port localhost:3000 com ara ReactJS , NodeJS , VueJS , AngularJS , etc. Si esteu treballant amb algun dels serveis esmentats, haureu d'escriure una ordre dins del terminal del vostre IDE o indicador d'ordres en funció del servei que utilitzeu.
aplicacions ocultes
Les ordres per a diferents serveis s'enumeren a continuació:
- Node.js : Si teniu node.js instal·lat a la vostra màquina amb Gestor de paquets de nodes (npm). Podeu utilitzar les eines com servidor http o servidor en directe per iniciar el servidor de desenvolupament localhost:3000 amb l'ajuda de les ordres següents:
// 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 : En el cas de ReactJS, no cal que instal·leu el servidor externament. Si esteu creant una aplicació de reacció utilitzant crear-reaccionar-aplicació crea automàticament un servidor de desenvolupament. Només heu d'executar les ordres següents per iniciar el servidor.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
- AngularJS : L'aplicació angular també inclou un servidor de desenvolupament, només cal que creeu una aplicació angular mitjançant l'Angular CLI i executeu les ordres següents.
// 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>
Com crear un servidor de desenvolupament a ReactJS ?
Seguiu els passos següents per crear i iniciar el servidor de desenvolupament a ReactJS:
- Pas 1: Creeu l'aplicació de reacció amb el npm create-react-app comanda especificant el nom del projecte després.
npm create-react-app projectName>
- Pas 2: Navegueu a la carpeta del vostre projecte actual.
cd pathToYourProject>
- Pas 3: Creeu fitxers dins del src carpeta i executeu el servidor mitjançant l'ordre següent.
npm start>
Exemple: El codi següent es pot utilitzar com a codi de plantilla per al vostre fitxer.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!anterior);> >}> >return> (> >'center' }}>Benvingut a techcodeview.com { isHidden && A Computer Science Portal. } style={ { backgroundColor: 'verd', color: '#fff', farciment: '15px', cursor: 'punter', vora: 'cap', borderRadius: ' 10px' }}> Feu clic per canviar més contingut de la pàgina { isHidden && Aquest contingut es canvia dinàmicament mitjançant l'esdeveniment de clic amb el botó. }); }; exporta l'aplicació predeterminada;>>> |
>Sortida:
