🔀

Git och GitHub - En pedagogisk guide

Har du fått en fråga från Cursor om "git fetch"? Den här guiden förklarar vad det betyder och mycket mer om hur Git och GitHub fungerar tillsammans!

📘 Läs om GitHub Pages 📄 Tillbaka till README 🏠 Startsida

🤔 Den fråga du fick från Cursor:

"Would you like Cursor to periodically run 'git fetch'?"

Översättning: "Vill du att Cursor regelbundet ska köra 'git fetch'?"

Vad betyder det?

Cursor frågar om den automatiskt ska hämta information om ändringar som gjorts på GitHub (din remote) utan att faktiskt ändra dina lokala filer. Detta hjälper dig att se om någon annan (eller du själv från en annan dator) har pushat nya ändringar.

💡 Mitt svar till dig:

Klicka "Yes"! Det är en bra funktion som hjälper dig att hålla koll på vad som händer i ditt projekt utan att störa ditt arbete.

Vad händer? Cursor kontrollerar var 10:e minut om det finns nya ändringar på GitHub. Du får ett meddelande om det finns något nytt, men dina filer ändras inte automatiskt.

🎯 Skillnaden mellan Git och GitHub

Många blandar ihop dessa två, men de är olika saker som fungerar tillsammans:

Visuell förklaring:

💻

Git
(Lokalt verktyg)

↔️

☁️

GitHub
(Molntjänst)

🔧 Git (Versionshanteringssystemet)

Vad: Ett program som körs på din dator

Gör: Håller reda på alla ändringar i dina filer

Var: Jobbar lokalt på din dator

Analogi: Som ett "Save Game"-system för din kod - du kan spara (commit) och gå tillbaka till tidigare versioner

☁️ GitHub (Molnlagringstjänsten)

Vad: En webbplats på internet (github.com)

Gör: Lagrar dina Git-repositories i molnet

Var: På internet, tillgänglig överallt

Analogi: Som Google Drive eller OneDrive, fast specialiserat för kod och Git-repositories

🤝 Hur de fungerar tillsammans:

Git håller reda på dina ändringar lokalt
GitHub tar emot dessa ändringar och sparar dem i molnet
Du kan sedan hämta ändringar från GitHub till andra datorer
Flera personer kan arbeta tillsammans på samma projekt

📚 Viktiga Git-kommandon att känna till

Här är de viktigaste kommandona du kommer använda, förklarade på ett enkelt sätt:

🌟 De grundläggande kommandona

1. Kontrollera status

git status

Visar vilka filer som är ändrade, vilka som är stagade (redo att committas), och vilken branch du är på.

Använd: Ofta! När som helst du vill se läget.

2. Lägg till filer

git add .

Lägger till alla ändrade filer till "staging area" (redo att sparas).

Tips: git add filnamn för en specifik fil.

3. Spara ändringar (commit)

git commit -m "Meddelande"

Sparar alla stagade ändringar med ett beskrivande meddelande.

Exempel: git commit -m "Uppdaterade README"

4. Skicka till GitHub (push)

git push

Skickar dina lokala commits till GitHub så de blir synliga online.

När: Efter du gjort en eller flera commits.

5. Hämta info (fetch)

git fetch

Hämtar information om ändringar på GitHub, men ändrar INTE dina lokala filer.

Säkert: Kan aldrig förstöra ditt arbete!

6. Hämta och slå samman (pull)

git pull

Hämtar ändringar från GitHub och slår samman dem med dina lokala filer.

OBS: Kan orsaka konflikter om samma filer ändrats.

🔍 Fördjupning: git fetch vs git pull

Detta är en viktig skillnad att förstå:

Kommando	Vad händer?	Ändrar lokala filer?	Säkerhet
`git fetch`	Hämtar info om ändringar från GitHub	❌ NEJ - Bara information	✅ 100% säkert
`git pull`	Hämtar ändringar OCH slår samman dem	✅ JA - Uppdaterar dina filer	⚠️ Kan orsaka konflikter

💡 Best Practice:

Kör git fetch för att se vad som finns
Kontrollera ändringarna
Kör sedan git pull om du vill ha ändringarna

Detta är precis vad Cursor vill göra automatiskt åt dig!

🔄 Vanliga arbetsflöden

📝 Scenario 1: Du har gjort ändringar lokalt och vill pusha till GitHub

# 1. Se vad som har ändrats
git status

# 2. Lägg till alla ändringar
git add .

# 3. Spara med ett meddelande
git commit -m "Uppdaterade README med Git-guide"

# 4. Skicka till GitHub
git push
        

🌐 Scenario 2: Någon annan har gjort ändringar på GitHub

# 1. Hämta information om ändringar
git fetch

# 2. Se vilka ändringar som finns
git status

# 3. Hämta och slå samman ändringarna
git pull
        

🔍 Scenario 3: Kontrollera vad som är olika mellan lokalt och GitHub

# 1. Hämta senaste info
git fetch

# 2. Se skillnader
git diff origin/main

# 3. Se commit-historik
git log
        

⚙️ PowerShell-specifika tips

⚠️ OBS för PowerShell-användare!

I PowerShell fungerar INTE && för att kedja kommandon!

❌ Detta fungerar INTE i PowerShell:

git add . && git commit -m "Meddelande" && git push

✅ Gör istället så här i PowerShell:

git add .
git commit -m "Meddelande"
git push

Eller använd semikolon:

git add . ; git commit -m "Meddelande" ; git push

🎓 Vanliga frågor och svar

❓ När ska jag använda git fetch?

Svar: Använd git fetch när du:

Vill kolla om det finns nya ändringar på GitHub
Inte är säker på om du vill ha ändringarna än
Arbetar i ett team och vill se vad andra har gjort
Vill vara säker innan du kör git pull

❓ Vad händer om jag har lokala ändringar och kör git pull?

Svar: Det kan hända två saker:

Inga konflikter: Git slår samman ändringarna automatiskt ✅
Konflikter: Om samma filer ändrats måste du lösa konflikterna manuellt ⚠️

Rekommendation: Committa alltid dina ändringar först!

# Säkert arbetsflöde:
git add .
git commit -m "Mina ändringar"
git pull
git push

❓ Vad är en "merge conflict"?

Svar: En merge conflict uppstår när:

Samma rad i samma fil har ändrats både lokalt och på GitHub
Git inte vet vilken version som är rätt

Lösning: Du måste öppna filen och välja vilken version du vill ha (eller kombinera dem).

❓ Kan jag ångra en commit?

Svar: Ja! Men var försiktig:

Om du INTE pushat än:

# Ångra senaste commit men behåll ändringarna
git reset HEAD~1

# Ångra senaste commit OCH ta bort ändringarna (farligt!)
git reset --hard HEAD~1

Om du redan pushat:

# Skapa en ny commit som ångrar den gamla
git revert HEAD

🔗 Hur GitHub Pages passar in

Nu när du förstår Git och GitHub, låt oss koppla ihop med GitHub Pages:

Komplett flöde:

💻
Lokalt arbete
(Git)

git push →

☁️
GitHub
(Lagring)

→ aktiverar

🌐
GitHub Pages
(Webbplats)

Du gör ändringar lokalt (t.ex. uppdaterar README.md)
Du använder git add, git commit och git push
GitHub tar emot ändringarna
GitHub Pages upptäcker att något ändrats
Efter ~1-5 minuter är webbplatsen uppdaterad!

🎯 Därför är Git viktigt för GitHub Pages:

Varje gång du pushar kod till GitHub uppdateras automatiskt din live-webbplats! Det är därför det är så smidigt att använda GitHub Pages - du behöver aldrig logga in någonstans eller ladda upp filer manuellt.

📖 Sammanfattning - Allt du behöver komma ihåg

De 6 viktigaste kommandona:

git status - Se vad som hänt
git add . - Lägg till ändringar
git commit -m "meddelande" - Spara ändringar
git push - Skicka till GitHub
git fetch - Kolla om det finns nytt på GitHub
git pull - Hämta ändringar från GitHub

Svar på Cursors fråga:

"Would you like Cursor to periodically run 'git fetch'?"

✅ Mitt råd: Klicka "Yes"!

Cursor kommer då automatiskt köra git fetch var 10:e minut för att hålla dig informerad om ändringar på GitHub, utan att någonsin ändra dina lokala filer.

🔗 Relaterade resurser

📘 GitHub Pages

Läs om hur GitHub Pages fungerar och hur dina quiz blir webbsidor

Läs guiden →

📄 README

Översikt över hela projektet och alla quiz

Tillbaka till README →

🌐 Officiell dokumentation

Git: git-scm.com/doc

GitHub: docs.github.com

🏠 Startsida

Se alla fredagsquiz

Till startsidan →