Frontend Academy · Lektion

Remote-repon: push pull clone

Anslut ett lokalt repo till GitHub, pusha commits till remoten, hämta ändringar från teammedlemmar och klona befintliga repositories.

Lektion 3 av 413 steg

Remote-repon: push pull clone är en gratis lektion i Frontend Academy på CoddyKit. Detta är lektion 3 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Frontend Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Frontend Academy innehåller totalt 4 lektioner.

Vad är en remote?

En remote är en version av ditt repo som finns på internet (GitHub, GitLab eller Bitbucket). Du samarbetar med teammedlemmar genom att pusha dina commits till remoten och hämta deras commits från den.

git clone — Kopiera ett remote-repo

git clone url skapar en lokal kopia av remote-repot, inklusive all historik och alla brancher. Remoten läggs automatiskt till som origin.

git clone https://github.com/user/repo.git
git clone git@github.com:user/repo.git  # SSH

git remote — Hantera remotes

git remote -v listar konfigurerade remotes. git remote add name url lägger till en remote. Enligt konventionen heter den primära remoten origin.

git remote -v
# origin  git@github.com:user/repo.git (fetch)
# origin  git@github.com:user/repo.git (push)

git remote add origin https://github.com/user/repo.git

git push — Skicka commits till en remote

git push origin branchname laddar upp lokala commits till remote-branchen. Vid den första pushningen av en ny branch måste upstream-spårning konfigureras med -u.

git push origin main
git push -u origin feature/auth  # set upstream and push
git push                          # push to tracked remote (after -u)

git pull — Hämta commits från en remote

git pull hämtar ändringar från den remote-branch som följs och mergar dem i din aktuella branch. Det motsvarar git fetch + git merge.

git pull            # fetch and merge from tracked upstream
git pull origin main # explicit remote and branch

git fetch — Hämta utan att merga

git fetch laddar ner alla ändringar från remoten utan att ändra din arbetskatalog. Använd det för att se vad teammedlemmarna har committat innan du bestämmer hur ändringarna ska integreras.

git fetch origin
git log origin/main --oneline  # inspect remote commits
git merge origin/main           # integrate when ready

Konfigurera SSH-nycklar

GitHub kräver autentisering. HTTPS använder användarnamn + token. SSH-nycklar är bekvämare: generera ett nyckelpar, lägg till den publika nyckeln i GitHub och autentisera automatiskt.

ssh-keygen -t ed25519 -C "your@email.com"
# Public key:
cat ~/.ssh/id_ed25519.pub
# Copy this into GitHub Settings → SSH Keys

upstream jämfört med origin

origin är din fork. upstream är originalrepot. När du bidrar till open source: forka → klona → lägg till upstream som remote → hämta från upstream för att hålla dig uppdaterad.

git remote add upstream https://github.com/original/repo.git
git fetch upstream
git merge upstream/main

Force push — Använd med yttersta försiktighet

git push --force skriver över historiken för remote-branchen. Force-pusha aldrig till main eller delade brancher — det skriver om historiken för alla. Det är säkert på personliga, rebasade feature-brancher innan en PR har granskats.

git pull --rebase

git pull --rebase placerar dina lokala commits ovanpå de hämtade committarna i stället för att skapa en merge-commit. Resultatet blir en renare, linjär historik. Många team ställer in detta som standardstrategi för pull.

git pull --rebase origin main

# Set as default:
git config --global pull.rebase true

.git/config

Den lokala Git-konfigurationen för repot finns i .git/config. Där sparas remote-URL:er och brancher som följs. ~/.gitconfig innehåller globala inställningar som ditt namn och din e-postadress.

# ~/.gitconfig
[user]
  name = Alice Developer
  email = alice@example.com
[core]
  editor = code --wait

Snabbkontroll

Vad gör git push -u origin feature/auth?

Besvara frågan i den interaktiva lektionen

Sammanfattning: Remote-repon

git clone kopierar ett remote-repo lokalt. git remote hanterar remote-URL:er. git push skickar commits. git pull hämtar och mergar. git fetch laddar ner utan att merga. Använd SSH för säker autentisering. origin är din remote; upstream är originalet inom open source. Använd force push endast på personliga, ogranskade brancher.

Gratis att börja

Lär dig HTML med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 41
Lektioner: 163

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Remote-repon: push pull clone” gratis?

Ja – hela texten till ”Remote-repon: push pull clone” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Frontend Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Frontend Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Remote-repon: push pull clone”?

Anslut ett lokalt repo till GitHub, pusha commits till remoten, hämta ändringar från teammedlemmar och klona befintliga repositories. Ni övar på Frontend Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Frontend Academy?

Du behöver inga förkunskaper. Utbildningen i Frontend Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 4.

Hur lång tid tar lektionen ”Remote-repon: push pull clone”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Frontend Academy-lektionen?

Ja. Varje Frontend Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Frontend Academy