logo

TechCodeview

Localhost 3000

Localhost:3000 ir noklusējuma ports, ko izmanto tīmekļa serveri. Tas ir vietējās attīstības serveris kas darbojas tālāk osta 3000 . To ļoti bieži izmanto pieredzējuši, kā arī iesācēji un vidēja līmeņa izstrādātāji, strādājot ar tīmekļa lietojumprogrammu. Izstrādātāji izmanto localhost:3000, lai skatītu izstrādātās lietojumprogrammas priekšskatījumu un pārbaudītu to atbilstoši atsaucības prasībām un citiem parametriem pirms tās izvietošanas ražošanā.

Ļaujiet mums saprast localhost:3000, sadalot to:



  • localhost: Tas attiecas uz resursdatora nosaukumu vai pašreizējo ierīci, kuru izmantojat izstrādes nolūkos.
  • 3000: Tas ir porta numurs, kurā izveidotais izstrādes serveris ir konfigurēts klausīšanai.

Iedziļināsimies localhost:3000 jēdzienā, pa vienam izprotot tālāk minētos punktus:

Kā datorā palaist localhost:3000 serveri?

Lai palaistu localhost:3000 serveri, ir jābūt pakalpojumam, kas darbojas uz localhost:3000 porta, piemēram, ReaģētJS , NodeJS , VueJS , AngularJS utt. Ja strādājat ar kādu no minētajiem pakalpojumiem, jums ir jāievada komanda IDE terminālī vai komandu uzvednē, pamatojoties uz jūsu izmantoto pakalpojumu.

kā lejupielādēt mūziku

Tālāk ir norādītas dažādu pakalpojumu komandas:

  • Node.js : Ja jūsu datorā ir instalēts node.js ar Mezglu pakotņu pārvaldnieks (npm). Varat izmantot tādus rīkus kā http-serveris vai tiešraides serveris lai palaistu localhost:3000 izstrādes serveri, izmantojot tālāk norādītās komandas:
// 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>
  • ReaģētJS : ReactJS gadījumā serveris nav jāinstalē ārēji. Ja veidojat reaģēt lietotni, izmantojot izveidot-reaģēt-lietotni tas automātiski izveido izstrādes serveri. Lai palaistu serveri, jums vienkārši jāpalaiž tālāk norādītās komandas.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
  • AngularJS : Angular lietotnei ir arī izstrādes serveris, jums vienkārši jāizveido leņķiskā lietotne, izmantojot Angular CLI, un jāpalaiž tālāk norādītās komandas.
// 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>

Kā izveidot izstrādes serveri ReaģētJS ?

Veiciet tālāk norādītās darbības, lai izveidotu un sāktu izstrādes serveri ReactJS:



  • 1. darbība: Izveidojiet reaģēt lietotni, izmantojot npm izveidot-reaģēt-lietotni komandu, aiz tās norādot projekta nosaukumu.
npm create-react-app projectName>
  • 2. darbība: Pārejiet uz pašreizējo projekta mapi.
cd pathToYourProject>
  • 3. darbība: Izveidojiet failus iekšpusē src mapi un palaidiet serveri, izmantojot tālāk norādīto komandu.
npm start>

Piemērs: Tālāk norādīto kodu var izmantot kā veidnes kodu jūsu failam.

Javascript






// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!iepriekšējais);> >}> >return> (> >'center' }}>Laipni lūdzam techcodeview.com { isHidden && A datorzinātņu portālā. } style={ { backgroundColor: 'green', color: '#fff', polsterējums: '15px', kursors: 'pointer', apmale: 'none', borderRādiuss: ' 10px' }}> Noklikšķiniet, lai pārslēgtu vairāk lapas satura { isHidden && Šis saturs tiek dinamiski pārslēgts, izmantojot klikšķa notikumu ar pogu. } ); }; eksportēt noklusējuma lietotni;>> 

> 
    
     Izvade:    
 
 localhostGIF