Localhost:3000 è una porta predefinita utilizzata dai server web. È un server di sviluppo locale che continua a funzionare porta 3000 . È molto comunemente utilizzato da sviluppatori esperti, principianti e di livello intermedio quando lavorano su un'applicazione web. Gli sviluppatori utilizzano localhost:3000 per vedere l'anteprima dell'applicazione sviluppata e testarla in base ai requisiti di reattività e ad altri parametri prima di distribuirla in produzione.
Cerchiamo di comprendere localhost:3000 scomponendolo:
- host locale: Si riferisce al nome host o al dispositivo corrente che stai utilizzando per scopi di sviluppo.
- 3000: È il numero di porta su cui il server di sviluppo creato è configurato per l'ascolto.
Immergiamoci più a fondo nel concetto di localhost:3000 comprendendo i punti seguenti uno per uno:
Come avviare il server localhost:3000 sul tuo computer?
Per avviare il server localhost:3000 è necessario disporre di un servizio che operi sulla porta localhost:3000 come ReactJS , NodoJS , VueJS , AngularJS , eccetera. Se stai lavorando con uno qualsiasi dei servizi menzionati, devi digitare un comando nel terminale del tuo IDE o nel prompt dei comandi in base al servizio che stai utilizzando.
coda e coda prioritaria in Java
I comandi per i diversi servizi sono elencati di seguito:
- Node.js : Se hai node.js installato sul tuo computer con Gestore pacchetti nodo (npm). Puoi usare strumenti come server http O server live per avviare il server di sviluppo localhost:3000 con l'aiuto dei comandi seguenti:
// 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 : Nel caso di ReactJS, non è necessario installare il server esternamente. Se stai creando un'app di reazione utilizzando crea-react-app crea automaticamente un server di sviluppo. Devi solo eseguire i comandi seguenti per avviare il server.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
- AngularJS : L'app Angular viene fornita anche con un server di sviluppo, devi solo creare l'app Angular utilizzando la CLI Angular ed eseguire i comandi seguenti.
// 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>
Come creare un server di sviluppo in ReactJS ?
Seguire i passaggi seguenti per creare e avviare il server di sviluppo in ReactJS:
- Passo 1: Crea l'app di reazione utilizzando il file npm crea-react-app comando specificando dopo il nome del progetto.
npm create-react-app projectName>
- Passo 2: Passare alla cartella del progetto corrente.
cd pathToYourProject>
- Passaggio 3: Crea file all'interno del file src cartella ed eseguire il server utilizzando il comando seguente.
npm start>
Esempio: Il codice seguente può essere utilizzato come codice modello per il tuo file.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!prev);> >}> >return> (> >'center' }}>Benvenuto su techcodeview.com {isHidden && Un portale di informatica. } style={ { backgroundColor: 'green', color: '#fff', imbottitura: '15px', cursore: 'pointer', border: 'none', borderRadius: ' 10px' }}> Fai clic per attivare/disattivare più contenuti della pagina { isHidden && Questo contenuto viene attivato dinamicamente utilizzando l'evento clic con il pulsante. } ); }; esportare l'app predefinita;> |
>
>
Produzione:
