← Forberedelse

Leksjon 2 av 4 ⏱ 15 minutter

Installere VS Code-editoren

Vi installerer programmet du skriver koden din i. Det er gratis, og til og med proffene bruker det.

Hva er VS Code, og hvorfor denne

Visual Studio Code (folk kaller det VS Code) er en editor – et program for å skrive kode. Tenk på det som Word, men for programmerere: det farger koden din, gir hint og peker ut feil. Det er helt gratis, og folk i verdens største selskaper bruker det til å bygge nettsider. Lær det nå, så følger det deg resten av livet.

⚠️

Installer med en voksen i nærheten. Ha en forelder ved siden av deg – installasjonen i seg er trygg, men det er fint at de vet hva som kommer på datamaskinen.

Installere på Windows

  1. Åpne code.visualstudio.com og klikk på den store blå knappen Download for Windows.

  2. Når filen er lastet ned, klikk på den (du finner den i oppgavelinjen nederst, eller i mappen Downloads).

  3. Godta lisensen (kryss av for I accept the agreement), klikk så bare Next. Ved steget Select Additional Tasks, kryss av for Create a desktop icon så du får et ikon på skrivebordet.

  4. Klikk Install og vent. Til slutt, klikk Finish – VS Code åpnes.

Installere på Mac

  1. Åpne code.visualstudio.com og klikk Download for macOS.

  2. Når filen er lastet ned, finn den i mappen Downloads. Er det en .zip-fil, dobbeltklikk for å pakke den ut.

  3. Et blått Visual Studio Code-ikon dukker opp. Dra det til mappen Applications. Ferdig, det er installert.

  4. Åpne mappen Applications og dobbeltklikk på Visual Studio Code for å starte. Første gang spør Mac-en om du virkelig vil åpne – klikk Open.

Bli kjent med VS Code

VS Code snakker mange språk – la oss se oss om og bli komfortable:

  1. I venstre sidefelt, klikk på ikonet som ser ut som stablede firkanter (Extensions). Det ser ut som fire små blokker.

  2. I søkefeltet øverst, skriv Prettier (eller et temanavn du liker, som Dracula eller Night Owl).

  3. Velg noe du liker og klikk Install ved siden av.

  4. Et lite vindu kan dukke opp nede til høyre – følg det det foreslår. VS Code bruker valget ditt med en gang.

Sjekk deg selv: VS Code åpnes og ser klar ut, med menyen øverst (File, Edit, Selection…). I så fall – du er klar og verkstedet ditt står klart!

Dette tar du med deg fra kapittelet