Veiledning
6 min lesing

Sett opp Cursor AI-editor og koble til din kodebase

Cursor er en AI-første kode-editor bygget på VS Code. Lær å installere, konfigurere og bruke Cursor effektivt med din eksisterende kodebase.

A
AIvett redaksjon

Hva er Cursor?

Cursor er en kode-editor bygget på toppen av VS Code, men med dyp AI-integrasjon bakt inn i selve editoren. I motsetning til GitHub Copilot (som er en tillegg til VS Code), er Cursor designet fra bunnen av rundt AI-assistert koding. Det støtter Claude 3.5 Sonnet, GPT-4o og andre toppmodeller.

Cursor er gratis å prøve med 2-ukers prøveperiode, deretter 20 USD/mnd for Pro.

Steg 1: Last ned og installer Cursor

  1. Gå til cursor.com
  2. Klikk Download — velg ditt OS (macOS, Windows, Linux)
  3. Installer som vanlig
  4. Åpne Cursor

Første gang ber Cursor deg om å importere innstillinger fra VS Code — anbefalt hvis du allerede bruker VS Code.

Steg 2: Opprett konto og logg inn

  1. Klikk Sign in i startvindeuet
  2. Opprett konto med e-post eller Google
  3. Velg modell — start med claude-3.5-sonnet for beste balanse mellom kvalitet og hastighet

Steg 3: Åpne prosjektet ditt

  1. Klikk Open folder og velg prosjektmappen din
  2. Cursor indekserer kodebasen din automatisk (tar noen sekunder til minutter avhengig av størrelse)
  3. Inndeksering gir AI-en kontekst om hele prosjektet ditt, ikke bare åpne filer

Steg 4: Lær de viktigste snarveiene

Inline-redigering (Cmd/Ctrl + K): Markér kode, trykk Cmd+K, og beskriv hva du vil endre:

Refaktorer denne funksjonen til å bruke async/await
i stedet for promise chains

Chat-panel (Cmd/Ctrl + L): Åpner chat-panel der du kan stille spørsmål om kodebasen:

Forklar hvordan autentiseringsflyten fungerer i dette prosjektet

Composer (Cmd/Ctrl + Shift + I): For større endringer som påvirker flere filer:

Legg til validering for e-post og passord i registreringsskjemaet,
oppdater både frontend-komponent og backend-API-rute

Steg 5: Bruk @ for å referere til kode

I chat og Composer kan du referere spesifikt til:

  • @Filnavn: Refererer til en spesifikk fil
  • @Mappenavn: Refererer til alle filer i en mappe
  • @Kodebit: Refererer til markert kode
  • @Docs: Refererer til ekstern dokumentasjon
  • @Web: Søker på internett

Eksempel:

Se på @auth/session.ts og @middleware.ts —
er det noe som kan forårsake session timeout?

Steg 6: Konfigurer regler for prosjektet

Opprett filen .cursorrules i rotmappen for prosjektspesifikke instruksjoner:

# Cursor Rules for [Prosjektnavn]

Du er en erfaren TypeScript-utvikler.

- Alltid bruk TypeScript strict mode
- Bruk Zod for validering
- Foretrekk funksjonskomponenter med hooks
- Skriv alltid JSDoc-kommentarer for eksporterte funksjoner
- Bruk norsk for kommentarer og variabelnavn der det er naturlig

Steg 7: Bruk Cursor for kodegjennomgang

Cursor er utmerket for å forstå eksisterende kode:

Gå gjennom @src/api/ og identifiser:
1. Endepunkter som mangler feilhåndtering
2. Steder der inputs ikke valideres
3. N+1 databasespørsmålsproblemer

Tips for å få mest mulig ut av Cursor

  • Gi kontekst: "Vi bruker Next.js 15, tRPC og Prisma" sparer mange frem-og-tilbake-runder
  • Del opp store oppgaver: Composer er bedre for store endringer, Cmd+K for lokale justeringer
  • Les gjennom AI-kode: Cursor er ikke feilfri — alltid gjennomgå foreslåtte endringer
  • Bruk Tab for aksept: Tab-tasten aksepterer hele AI-forslaget, Ctrl+→ aksepterer ett ord

Cursor er et av de mest kraftige verktøyene for utviklere i 2025, og mange team rapporterer 30–50 % økt produktivitet etter innføring.

← Tilbake til veiledninger