Localhost:3000 yra numatytasis prievadas, naudojamas žiniatinklio serverių. Tai yra vietinis plėtros serveris kad bėga toliau uostas 3000 . Ją labai dažnai naudoja patyrę, taip pat pradedantieji ir vidutinio lygio kūrėjai, dirbdami su žiniatinklio programa. Kūrėjai naudoja localhost:3000, kad pamatytų sukurtos programos peržiūrą ir išbandytų ją pagal reagavimo ir kitų parametrų reikalavimus prieš diegdami ją gamyboje.
Supraskime localhost:3000 suskaidydami jį:
- localhost: Tai nurodo pagrindinio kompiuterio pavadinimą arba dabartinį įrenginį, kurį naudojate kūrimo tikslais.
- 3000: Tai prievado numeris, kuriame sukurtas kūrimo serveris sukonfigūruotas klausytis.
Pasinerkime į „localhost:3000“ sąvoką, po vieną suprasdami toliau pateiktus dalykus:
Kaip paleisti serverį localhost:3000 jūsų kompiuteryje?
Norėdami paleisti serverį localhost:3000, turite turėti paslaugą, kuri veiktų localhost:3000 prievade, pvz. ReaguotiJS , NodeJS , VueJS , KampinisJS ir kt. Jei dirbate su bet kuria iš paminėtų paslaugų, turite įvesti komandą savo IDE terminale arba komandų eilutėje pagal naudojamą paslaugą.
java isempty
Toliau pateiktos įvairių paslaugų komandos:
- Node.js : Jei jūsų kompiuteryje įdiegtas node.js su Mazgo paketų tvarkyklė (npm). Galite naudoti tokias priemones kaip http-serveris arba tiesioginis serveris Norėdami paleisti localhost:3000 kūrimo serverį, naudodami toliau pateiktas 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>
- ReaguotiJS : ReactJS atveju jums nereikia įdiegti serverio iš išorės. Jei kuriate react programą naudodami kurti-reaguoti-programėlę jis automatiškai sukuria kūrimo serverį. Jums tereikia paleisti toliau pateiktas komandas, kad paleistumėte serverį.
// Navigate to your project directory cd pathOfYourProject // Start the server npm start>
- KampinisJS : Kampinė programa taip pat pateikiama su kūrimo serveriu, jums tereikia sukurti kampinę programą naudojant Angular CLI ir paleisti toliau pateiktas 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>
Kaip sukurti kūrimo serverį ReaguotiJS ?
Atlikite toliau nurodytus veiksmus, kad sukurtumėte ir paleistumėte kūrimo serverį ReactJS:
- 1 žingsnis: Sukurkite „React“ programą naudodami npm sukurti-reaguoti-programėlę komandą, po jos nurodydami projekto pavadinimą.
npm create-react-app projectName>
- 2 žingsnis: Eikite į dabartinį projekto aplanką.
cd pathToYourProject>
- 3 veiksmas: Sukurkite failus viduje src aplanką ir paleiskite serverį naudodami žemiau esančią komandą.
npm start>
Pavyzdys: Žemiau esantis kodas gali būti naudojamas kaip failo šablono kodas.
Javascript
// App.js file> import React, { useState } from>'react'>;> const App = ({ prop }) =>{> >const [isHidden, setIsHidden] = useState(>false>)> >function> btnClickHandler() {> >setIsHidden((prev) =>!ankstesnis);> >}> >return> (> >'center' }}>Sveiki atvykę į techcodeview.com { isHidden && A Computer Science Portal. } style={ { backgroundColor: 'green', spalva: '#fff', užpildymas: '15px', žymeklis: 'rodiklis', kraštinė: 'nėra', kraštinės spindulys: ' 10px' }}> Spustelėkite norėdami perjungti daugiau puslapio turinio { isHidden && Šis turinys perjungiamas dinamiškai naudojant spustelėjimo įvykį su mygtuku. } ); }; eksportuoti numatytąją programą;>> |
>Išvestis:
