← Tilbake til oversikten

Visual Studio Code & Git med «brukernavn».github.io

Dette er en videreføring av forrige oppgave. Du har allerede repoet brukernavn.github.io på GitHub. Nå skal du bruke samme repo i VS Code og publisere endringer.

To måter – velg én: 1) Command Palette (GUI) eller 2) Terminal i VS Code. Innholdet er likt, verktøyet er forskjellig.

Løsning 1: Command Palette (GUI)

1) Klon repoet ditt

  1. Gå til repoet: https://github.com/brukernavn/brukernavn.github.io.
  2. Klikk <> Code → velg HTTPS → kopier URL.
  3. I VS Code: View → Command Palette → skriv Git: Clone → lim inn URL → velg mappe.
  4. Åpne mappen i VS Code når du blir spurt.

2) Rediger eller lag index.html

<!DOCTYPE html>
<html lang="no">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Min side</title>
</head>
<body>
  <h1>Velkommen tilbake – nå fra VS Code!</h1>
</body>
</html>

3. Første gang du bruker git må du konfiguere det.

Oppe til venstre, trykk på "Terminal", så "New Terminal". Der skriver du, linje-for-linje:

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

4) Git i VS Code: add → commit → push

  1. Åpne Source Control (Git-ikonet). Se endrede filer.
  2. Skriv melding (f.eks. Oppdaterte index.html) → klikk ✔ Commit (oppe til høyre).
  3. Klikk Push (eller Sync Changes) for å laste opp.

Husk: git pull når du skal hente ned siste versjon.


Tips: Første gang kan du få «Publish Branch» – trykk den for å koble opp mot GitHub.

Løsning 2: Terminal i VS Code

1) Installer og sjekk Git (hvis nødvendig)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install git
git --version

Første gang du bruker git må du konfiguere det.

Oppe til venstre, trykk på "Terminal", så "New Terminal". Der skriver du, linje-for-linje:

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

2) Klon og åpne i VS Code

git clone https://github.com/brukernavn/brukernavn.github.io
cd brukernavn.github.io
code .

3) Endre filer og publiser 

git status
git add -A
git commit -m "Oppdaterte index.html"
git push


Husk: 'git pull' når du skal hente ned siste versjon.
Første push? Får du beskjed om «upstream», kjør:
git push -u origin main

Dersom du står fast: Spør ChatGPT om hjelp og bruk W3Schools sine ressurser.

⚠️ FOR DEG SOM VIL LITT MER: Lag en egen git-kommando som både adder, comitter og pusher

1. I Visual Studio Code: gå til "Terminal" - "New Terminal"
2. Kopier inn koden git config --global alias.quickM '!f() { git add . && echo "Commit message:" && read msg && git commit -m "$msg" && git push; }; f' og trykk "enter".
3. Du kan nå adde, comitte, pushe og legge til melding i én kommando: "quickM".

PS: Skjønte du noe av koden? 😉 Se gjennom den en ekstra gang, det er en fordel å forstå det vi holder på med også.


← Tilbake