← Tilbake

VS Code & Git: Profesjonell arbeidsflyt

Dette er en videreføring av GitHub-oppgaven. Nå skal vi koble VS Code direkte til repoet ditt slik at du kan publisere endringer med ett klikk.

Sentrale begreper

Clone

Kloning

Å laste ned en kopi av prosjektet fra GitHub til din maskin.

Commit

Lagring

Å ta et "øyeblikksbilde" av endringene dine lokalt.

Push

Publisering

Å sende dine lokale endringer opp til nettsiden på GitHub.

To måter – velg én: Enten bruker du brukergrensesnittet i VS Code (GUI), eller så skriver du kommandoer i Terminalen. Innholdet er likt, verktøyet er forskjellig.

Metode 1: Brukergrensesnittet (GUI)

1. Klon repoet

  1. Gå til repoet ditt på GitHub og kopier HTTPS-adressen.
  2. I VS Code: Trykk Shift+Cmd/Ctrl+P (Command Palette).
  3. Skriv Git: Clone og lim inn URL-en.

2. Gjør endringer

Rediger index.html i VS Code. Lagre filen med Cmd/Ctrl+S.

3. Konfigurer Git

Første gang? Åpne Terminal i VS Code og kjør:

git config --global user.name "Ditt Navn"
git config --global user.email "din@epost.no"

4. Commit & Push

  1. Trykk på Source Control-ikonet (tre prikker med linjer).
  2. Skriv en melding i feltet (f.eks "Oppdatert tekst").
  3. Trykk på ✔ Commit og deretter Sync Changes / Push.

Metode 2: Terminalen

1. Klon og åpne

git clone https://github.com/brukernavn/repo.git
cd repo-mappe
code .

2. Konfigurer Git

git config --global user.name "Ditt Navn"
git config --global user.email "din@epost.no"

3. Lagre og publiser

Når du er ferdig med å kode, kjør disse tre kommandoene:

git add .
git commit -m "Min melding her"
git push
Pro-tip: Skriv git status ofte for å se hvilke filer som er endret.

Metode 3: Start fra scratch i VS Code

Bruk denne hvis du har mappen på maskinen din og vil sende den til GitHub for første gang.

  1. Opprett en tom mappe på maskinen din (f.eks. min-nettside).
  2. Dra og slipp mappen rett inn i et tomt VS Code-vindu.
  3. Lag en ny fil: readme.md og skriv litt tekst.
  4. Gå til Source Control-fanen (Git-ikonet) i sidemenyen.
  5. Klikk på knappen "Publish to GitHub".
  6. Velg "Publish to GitHub public repository".
Viktig: VS Code vil nå spørre om tilgang til GitHub-kontoen din i nettleseren. Godkjenn denne, så oppretter VS Code repoet for deg automatisk!

Bonus For deg som vil litt mer

Du kan lage din egen kommando som gjør add, commit og push i én operasjon!

  1. Åpne Terminal i VS Code.
  2. Lim inn denne koden: 
    git config --global alias.quickM '!f() { git add . && echo "Commit message:" && read msg && git commit -m "$msg" && git push; }; f'
  3. Nå kan du bare skrive git quickM i terminalen neste gang du skal publisere!

Sjekkliste før du avslutter

  • ✅ Repoet er klonet til din maskin.
  • ✅ index.html er oppdatert og lagret.
  • ✅ Du har gjort en Commit med melding.
  • ✅ Du har gjort Push uten feilmeldinger.
  • ✅ Endringer vises på https://brukernavn.github.io/.
Vanlig feil: Hvis endringene ikke vises, sjekk at du har pushet til main-branchen og at GitHub Pages står på "Deploy from branch" i innstillingene på GitHub.