Du vil ha prosjektet ditt på GitHub, men terminalen med svart bakgrunn og blinkende markør frister ikke. Det trenger den heller ikke. GitHub Desktop er et gratis program der commit, push og pull er knapper, og der du ser hver endring i grønt og rødt før du lagrer den. Om en halvtime kan du ha din første nettside på GitHub.
Installer GitHub Desktop og logg inn
Du trenger en bruker på github.com før du starter. Klikk Sign up øverst til høyre, fyll inn brukernavn og passord eller fortsett med Google eller Apple, og bekreft koden du får på e-post.
- Gå til desktop.github.com og last ned versjonen for Mac eller Windows.
- Installer og åpne programmet.
- Åpne innstillingene. På Mac ligger de under menyen GitHub Desktop, på Windows under File og Options. Snarveien er Cmd+komma eller Ctrl+komma.
- Velg Sign in to GitHub og Continue with browser.
- Godkjenn GitHub Desktop i nettleseren der du allerede er logget inn, og la nettleseren åpne programmet igjen.
Sjekk også fanen Git i de samme innstillingene. Navnet og e-posten der skrives inn i hver commit, og e-posten bør være den samme som på GitHub-kontoen. Ellers blir ikke endringene koblet til profilen din.
Lag et repository og klon det
Et repository, eller repo, er et prosjekt på GitHub. Den enkleste starten er å lage det på nettsiden og hente det ned med GitHub Desktop.
- Klikk den grønne knappen New eller Create repository på github.com.
- Gi repoet et navn, for eksempel «min-hjemmeside», og eventuelt en beskrivelse.
- Velg Public hvis alle skal kunne se det, eller Private hvis bare du og de du inviterer skal ha tilgang.
- Klikk Create repository. Siden som kommer opp, er full av kommandoer for terminalen. Dem kan du hoppe over.
- Gå til GitHub Desktop og velg Clone a repository, eller oppdater listen over repoene dine. Det nye repoet dukker opp.
- Velg repoet, velg hvor på maskinen det skal ligge, og klikk Clone.
Å klone betyr å lage en lokal kopi som er koblet til repoet på GitHub. Alt du gjør fra nå av, skjer først på din maskin, og lastes opp når du bestemmer det.
Din første commit
Du trenger en kodeeditor. Visual Studio Code er den mest brukte. Har du den installert, finner du knappen Open in Visual Studio Code i GitHub Desktop, og prosjektmappen åpner seg der.
Lag en ny fil som heter index.html. Skriver du et utropstegn og trykker Enter, fyller editoren inn grunnstrukturen til en HTML-side. Legg inn en overskrift mellom body-taggene, for eksempel «Hei på deg», og lagre.
Når du går tilbake til GitHub Desktop, har programmet allerede sett endringen. Fanen Changes viser filen, og linjene du har lagt til, står i grønt. Nederst til venstre skriver du en kort beskrivelse av endringen, som «Lag index.html», og klikker Commit 1 file to main.
En commit er et lagringspunkt med navn. Den ligger fortsatt bare på maskinen din, men nå finnes det et punkt i historikken du alltid kan gå tilbake til, med en beskrivelse av hva som skjedde.
Tips: Avkrysningsboksen ved hver fil i Changes bestemmer hva som blir med i commiten. Har du endret to ting som ikke hører sammen, kan du committe dem hver for seg ved å krysse av bare for den ene først.
Push endringene til GitHub
Knappen øverst i GitHub Desktop viser hva som er neste steg. Første gang står det Publish branch, senere Push origin. Klikk den, og commitene lastes opp. Oppdater repoet på github.com, og index.html ligger der med overskriften din.
Du trenger ikke pushe etter hver commit. Gjør gjerne flere commits mens du jobber, og push når en oppgave er ferdig. Prøv å legge til et avsnitt i filen, committe, og sjekke github.com før du pusher. Endringen er ikke der. Den kommer først når du trykker Push origin.
Hent andres endringer med fetch og pull
Når du ikke har noe å pushe, står det Fetch origin på knappen. Den sjekker om andre har gjort endringer i repoet, og laster dem ned. Har det kommet noe, endrer knappen seg til Pull origin, og et klikk slår endringene sammen med filene dine. Etterpå finner du dem i fanen History, med hvem som gjorde hva. Hva som skiller de to stegene, står i Forskjellen på git fetch og git pull.
Samme flyt rett i editoren
Vil du slippe å bytte mellom programmer, har Visual Studio Code versjonskontroll innebygd. Ikonet med grenene i sidepanelet viser de samme endringene som GitHub Desktop, med forskjellen mellom gammel og ny versjon av hver fil, et felt for commit-melding og en knapp som heter Sync Changes, som henter og pusher i ett. Editoren har også en innebygd terminal som åpner seg i prosjektmappen, når du vil prøve kommandoene.
Er du usikker på hva som er Git og hva som er GitHub i alt dette, forklarer Forskjellen på Git og GitHub hvor grensen går. Og når du er klar for terminalen, er Slik bruker du git status, git add og git commit neste steg. Hele programmet er beskrevet i GitHubs dokumentasjon for GitHub Desktop.
Denne videoen er hentet fra kurset Git og GitHub på Utdannet.no. I det fulle kurset setter du opp konto og GitHub Desktop, lager og pusher din første nettside, ser en annen bruker gjøre endringer du henter med fetch og pull, og går deretter over til de samme kommandoene i terminalen.
