Installera webbservern http-server

När man utvecklar webbplatser med html, css och javascript så underlättar det om man har en riktig webbserver för att testköra. För det syftet använder vi webbservern http-server som finns på npm.

Installera webbservern http-server

Du kan installera webbservern http-server som ett npm paket med hjälp av npm install.

npm install http-server --save-dev

Jag väljer att spara webbservern som ett utvecklingsverktyg via --save-dev, det innebär att det hamnar i en speciell sektion i filen package.json så att man kan skilja vilka paket som behövs för utveckling av projektet och vilka som är nödvändiga för att driftsätta ett projekt. I vårt fall är webbservern endast ett utvecklingsverktyg.

Image description — Bild: Installerar http-server med npm och det placeras som ett utvecklingsverktyg i package.json.

Committa de ändringar som gjorts och pusha dem till GitHub.

Starta webbservern

Du kan nu starta webbservern från terminalen.

npx http-server

Webbservern kommer att startas och visa upp innehållet i den katalogen där du startade den.

Det kan se ut så här i terminalen.

Du kan nu klicka på en av länkarna som visas för att öppna din webbläsare mot den länken. Eller så öppnar du bara en ny flik i din webbläsare mot till exempel adressen http://127.0.0.1:8080 för att nå webbservern.

Det kan se ut så här när du når webbservern och innehållet visas.

Du kan klicka på någon av filerna för att se om webbservern kan visa dess innehåll.