Frontend Academy · Lektion

git init add commit og status

Initialisér et repository, stage ændringer med git add, opret commits, og læs git status og git log for at forstå historikken.

Lektion 1 af 413 trin

git init add commit og status er en gratis Frontend Academy-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Frontend Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Frontend Academy-kurset indeholder 4 lektioner i alt.

Hvorfor versionsstyring?

Git registrerer alle ændringer i din kode over tid. Du kan se, hvad der blev ændret, hvornår og hvorfor. Fejl kan gendannes. Flere personer kan arbejde på den samme kodebase. Alle professionelle teams bruger Git.

git init – start et repository

Kør git init i en vilkårlig mappe for at initialisere et Git-repository. Git opretter en skjult .git-mappe, der gemmer hele projektets historik.

mkdir my-project && cd my-project
git init
# Initialized empty Git repository in ./my-project/.git/

De tre områder

Git har tre områder: Arbejdskatalog (filer, du redigerer), stage-område (filer, der er markeret til den næste commit), repository (historik med commits). Stage-området lader dig sammensætte præcise commits.

git status – hvad er ændret?

git status viser, hvilke filer der ikke er registreret, er ændret eller er staged. Brug den hele tiden i dit arbejdsforløb for at forstå den aktuelle tilstand.

git status
# Output:
# On branch main
# Changes not staged for commit:
#   modified: index.html
# Untracked files:
#   styles.css

git add – gør ændringer klar

git add filename gør en bestemt fil klar til commit. git add . gør alle ændringer i den aktuelle mappe klar. git add -p gør ændringer klar interaktivt (ændringsblok for ændringsblok).

git add index.html           # stage one file
git add src/                 # stage a directory
git add .                    # stage everything
git add -p                   # interactive staging

git commit – gem et øjebliksbillede

git commit -m 'message' opretter et permanent øjebliksbillede af de ændringer, der er gjort klar. Meddelelsen bør beskrive hvorfor ændringen blev foretaget, ikke hvad der blev ændret. Hver commit har en unik SHA-hash.

git commit -m 'feat: add user authentication form'
git commit -m 'fix: correct email validation regex'
git commit -m 'refactor: extract validation into helper function'

Konventionelle commits

Mange teams bruger formatet Conventional Commits: type(scope): description. Almindelige typer er: feat, fix, refactor, test, docs, chore, perf. Det muliggør automatisk generering af ændringslogge og semantisk versionsstyring.

feat(auth): add Google OAuth login
fix(cart): prevent duplicate item addition
docs(api): add rate limit documentation
chore(deps): upgrade React to 18.3

git log – vis historik

git log viser commit-historikken. git log --oneline viser en kompakt visning med én linje pr. commit. git log --graph tegner grenstrukturen.

git log --oneline --graph
# * a1b2c3d feat: add dark mode toggle
# * d4e5f6g fix: resolve mobile nav overflow
# * 7h8i9j0 refactor: extract theme hook

git diff – se, hvad der er ændret

git diff viser ændringer, der ikke er gjort klar. git diff --staged viser ændringer, der er gjort klar. git diff HEAD viser alle ændringer siden den seneste commit.

.gitignore-filen

Angiv filer og mapper, der skal udelukkes fra versionsstyring, i .gitignore. Ignorér altid node_modules, .env, dist og build-mapper. GitHub leverer gitignore-skabeloner til alle sprog og frameworks.

# .gitignore
node_modules/
dist/
.env
.env.local
*.log
.DS_Store
coverage/

git restore – fortryd ændringer, der ikke er staged

git restore filename kasserer ændringer i en fil i arbejdskataloget og gendanner den seneste commit-version. Det er destruktivt – ændringerne går tabt.

git restore index.html        # discard unstaged changes
git restore --staged file.js  # unstage without losing changes

Hurtigt tjek

Hvad gør git add .?

Besvar den i den interaktive lektion

Opsummering: grundlæggende Git-kommandoer

git init starter et repository. git status viser den aktuelle tilstand. git add gør filer klar til commit. git commit gemmer et øjebliksbillede med en meddelelse. git log viser historikken. git diff viser ændringer. .gitignore udelukker filer. Skriv altid meningsfulde commit-meddelelser, der forklarer hvorfor, ikke hvad.

Gratis at komme i gang

Lær HTML med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser: 41
Lektioner: 163

Start gratis Se hele kurset

Ofte stillede spørgsmål

Er lektionen “git init add commit og status” gratis?

Ja — hele teksten til “git init add commit og status” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Frontend Academy-kurset, skal du opgradere til CoddyKit PRO. Frontend Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “git init add commit og status”?

Initialisér et repository, stage ændringer med git add, opret commits, og læs git status og git log for at forstå historikken. Du øver dig i Frontend Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Frontend Academy?

Der kræves ingen tidligere erfaring. Frontend Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.

Hvor lang tid tager lektionen “git init add commit og status”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Frontend Academy-lektion?

Ja. Alle Frontend Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

← Tilbage til Frontend Academy