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.
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:
