# npm installation och användning: En steg-för-steg guide för nybörjare

*Camilla Sundh*
*26 juni 2026*

> npm installation och användning är en grundläggande färdighet för alla JavaScript-utvecklare. Den här guiden tar dig igenom steg-för-steg-processen att installera Node Package Manager och hantera dina projektberoenden effektivt.

## npm installation och användning – En komplett guide

npm installation och användning är en grundläggande färdighet för alla JavaScript-utvecklare som arbetar med Node.js-projekt. Node Package Manager är det verktyg som låter dig installera, hantera och uppdatera JavaScript-paket i dina projekt. I den här guiden går vi igenom hela processen steg för steg, från grundläggande installation till praktiska kommandor.

### Steg 1: Installera Node.js och npm

Det första steget för npm installation och användning är att installera Node.js, som automatiskt inkluderar npm. Besök nodejs.org och ladda ner den rekommenderade LTS-versionen (Long Term Support). Kör installationsprogrammet och följ instruktionerna för ditt operativsystem.

När installationen är klar öppnar du terminalen eller kommandotolken och verifierar att allt fungerar:

```
node --version
npm --version
```

Om båda kommandona visar versionsnummer är du redo att börja arbeta med npm.

### Steg 2: Förstå package.json-strukturen

package.json är projektets konfigurationsfil och hjärtat i varje Node.js-projekt. Den innehåller metainformation om ditt projekt och, viktigast av allt, en lista över alla beroenden. Du skapar en ny package.json genom att köra:

```
npm init
```

Om du vill hoppa över frågorna och acceptera standardvärden använder du flaggan -y:

```
npm init -y
```

En typisk package.json ser ut så här:

```json
{
  "name": "mitt-projekt",
  "version": "1.0.0",
  "description": "Min första npm-applikation",
  "main": "index.js",
  "scripts": {
    "start": "node index.js"
  },
  "dependencies": {},
  "devDependencies": {}
}
```

Fälten dependencies och devDependencies är där dina installerade paket registreras automatiskt.

### Steg 3: Installera npm-paket

För att installera ett npm paket installation använder du npm install-kommandot. Till exempel:

```
npm install express
```

Detta kommando hämtar Express-paketet från npm-registret och sparar det lokalt. Paketet läggs automatiskt till i din package.json under dependencies-avsnittet.

Du kan installera flera paket samtidigt genom att lista dem:

```
npm install express dotenv cors
```

Varje paket hämtas och läggs till som en beroende för ditt projekt.

### Steg 4: Vad är node_modules-mappen?

När du installerar paket skapas en node_modules-mapp i ditt projektroot. Denna mapp innehåller alla installerade paket och alla deras beroenden – ofta tusentals filer. node_modules kan snabbt bli mycket stor, ibland flera hundra megabyte.

Det är viktigt att aldrig committa node_modules-mappen till ditt versionskontrollsystem (Git). Istället förlitar du dig på package.json och package-lock.json. Lägg alltid till node_modules i din .gitignore-fil. På så sätt kan andra utvecklare reinstallera alla paket genom att köra npm install baserat på din package.json.

### Steg 5: Installera utvecklingsberoenden

Somtida behöver du verktyg och ramverk som bara är nödvändiga under utveckling – inte när applikationen körs i produktion. Dessa installeras som devDependencies:

```
npm install --save-dev webpack
```

Den kortare syntaxen är:

```
npm install -D webpack
```

Dev-beroenden sparas under devDependencies i package.json och hjälper dig att skilja mellan produktionsberoenden och utvecklingsverktyg.

### Steg 6: Uppdatera och ta bort paket

För att uppdatera ett paket till en nyare version använder du update-kommandot:

```
npm update express
```

För att ta bort ett paket helt och hållet:

```
npm uninstall express
```

Om du vill se en lista över paket som har nyare versioner tillgängliga:

```
npm outdated
```

Regelbundna uppdateringar håller dina beroenden säkra och moderna.

### Steg 7: Package-lock.json och versionkontroll

När du installerar paket skapas automatiskt en package-lock.json-fil. Denna fil låser alla paketversioner till exakta nummer, vilket säkerställer att alla utvecklare i ditt team – och din produktionsmiljö – får exakt samma paketversioner.

Alltid checka in package-lock.json tillsammans med package.json i ditt versionskontrollsystem. Detta är viktigt för konsistens.

### Steg 8: npm-skript för automatisering

npm kommandor inkluderar möjligheten att skapa egna skript för att automatisera uppgifter. Du definierar dessa i package.json under "scripts"-objektet:

```json
"scripts": {
  "start": "node index.js",
  "dev": "nodemon index.js",
  "test": "jest",
  "build": "webpack"
}
```

Kör ett skript med:

```
npm run start
```

För start och test kan du också bara skriva npm start eller npm test.

## Sammanfattning

npm installation och användning är en väsentlig del av moderna JavaScript-utveckling. Genom att följa dessa åtta steg har du en solid grund för att hantera projektberoenden professionellt. Kom ihåg att regelbundet uppdatera dina paket, använd package-lock.json för reproducerbarhet, och organisera dina dependencies tydligt.

### Vad är skillnaden mellan dependencies och devDependencies?

Dependencies är paket som din applikation behöver för att köra i produktion. devDependencies är verktyg som du bara behöver under utveckling, som testramverk, bundlers eller kodformatare. I produktionsmiljöer installeras endast dependencies.

### Kan jag installera paket globalt med npm?

Ja, genom att använda flaggan -g kan du installera paket globalt, tillgängliga från vilken mapp som helst:

```
npm install -g nodemon
```

Globala paket är användbara för kommandoradsverktyg som du vill använda systemöver.

### Hur reparerar jag problem med node_modules?

Om du stöter på konstiga fel kan du ofta lösa det genom att ta bort node_modules-mappen helt och köra npm install igen. Detta återinstallerar allt baserat på din package-lock.json:

```
rm -rf node_modules
npm install
```