Kako se lahko naučite Git in GitHub, medtem ko se učite kodiranja

V tem članku vam bom dal nekaj namigov o tem, kako postati Gin / GitHub ninja. Kot bonus vam bom pokazal, kako uporabljati terminal (lupino)med kodiranjem. Če ste začetnik, bi vam ta prispevek pomagal razumeti to tehnologijo. Če ste že ninja, si oglejte, da se boste lažje spomnili stvari, ki ste jih morda pozabili.

Kratek uvod

Git in GitHub sta izjemno pomembna orodja za našo rutino kot razvijalci programske opreme. Ampak, kako se jih lahko naučimo, saj imamo toliko na krožniku, ko se učimo kode?

Sem Iago Rodrigues, Brazilec. Sem študentka sistemskih informacij, pripravnica za razvijalce programske opreme in samostojna sodelavka. Sem na začetku svoje kariere in želel sem deliti nekaj znanja, ki sem ga pridobil z vami. Torej, vzemite si kavo in hack!

Če ste portugalski bralec, pojdite sem.

Ta načrt lahko uporabite za preučevanje katerega koli programskega jezika, kot so JavaScript, Python, Node, pa tudi HTML in CSS. Vseeno je, katero tehnologijo se učite - privzeti način programiranja je različica vašega dela z Gitom.

Priprava na okolje

Preden začnemo, moramo nastaviti okolje za shranjevanje naše kode in primerov tega, kar se učimo.

Za to moramo izpolniti nekatere zahteve:

  • namestite Git na naš računalnik
  • ustvarite račun GitHub
  • ustvarite delovni prostor na našem računalniku

Če ste to že storili, lahko greste naravnost v potek dela GitHub in razdelek Terminal .

Namestitev Gita na vaš računalnik

Namestitev Git se razlikuje pri vsakem operacijskem sistemu. Oglejte si Gitovo uradno spletno stran, da vidite, katera pot je prava za vas.

Če pa uporabljate Windows (in govorite portugalsko), priporočam ta članek.

Ko je Git nameščen, moramo ustvariti račun GitHub in ga konfigurirati na svojem računalniku.

Ustvarjanje računa na GitHub

Če želite ustvariti račun, pojdite na spletno mesto GitHub in izpolnite glavni obrazec.

Priporočam, da tukaj izberete resnično in lepo uporabniško ime, da boste lahko uporabljali račun v življenjepisih ali svoj račun LinkedIn.

GitHub morate obvestiti, kateri načrt želite uporabiti. Izberite brezplačno možnost. Edina razlika je v tem, da lahko s plačljivim načrtom nastavite zasebne repozitorije.

GitHub vas bo vprašal nekaj stvari, preden konča nastavitev računa. Na njih lahko odgovorite zdaj ali pa preprosto skočite na naslednji zaslon.

Z vsem zaključenim lahko začnemo naš projekt.

Preden ustvarimo repozitorij, nastavimo e-poštni naslov in uporabniško ime GitHub v naši napravi.

Nastavitev našega sistema z našimi podatki GitHub

Odprite terminal. V sistemu Windows morate odpreti meni Start in vnesti cmd. Nato kliknite enter.

Lahko pa namestite cmder (kar je dobra možnost), da ga uporabite namesto cmd , ki je privzeti terminal Windows.

S tem moramo v cmderju izvesti naslednji ukaz lupine:

git config --global user.name "our_GitHub_user_name"

Zdaj vnesite svoj e-poštni naslov GitHub:

git config --global user.email "our_GitHub_user_email"

Nastavitev ključa za dostop do GitHub

Kadarkoli dostopate do skladišča prek lupine, morate imeti dovoljenje za dostop. To se odobri, ko se prijavite v svoj račun GitHub. Toda vsakič, ko nekaj pošljete v svoje skladišče (repo), morate predati svoje poverilnice.

Da bi se temu izognili, uporabite ključ SSH. To je dostopni ključ, ki ga GitHub zamenja s ključem, konfiguriranim na naši napravi.

Če želite ustvariti ta ključ, sledite postopku, opisanemu v dokumentaciji GitHub.

Z vsem, kar je vse konfigurirano, ste pripravljeni!

Potek dela GitHub in Terminal

Tu nastavimo pravilo :

Vsakič, ko ustvarite projekt za preučevanje nečesa, na primer izdelavo strani HTML ali igro ukazne vrstice z Node.js ali kar koli drugega, ustvarite repozitorij, ga klonirate v računalnik, na njem delate z vejami in naredite majhne se zaveže, da bo poslal na GitHub .

Dogovor ?!

Tako boste zagotovili nekaj izkušenj, ki jih boste potrebovali za obvladovanje teh orodij.

Začnimo torej.

Ustvari nov projekt

Vrnimo se na vašo stran GitHub in kliknite ikono plus (+) na vrhu strani.

Kliknite Novo repozitorij .

Recimo, da ustvarjate projekt za preučevanje HTML-ja, zato poimenujte svoje skladišče learning-html . To je lahko ime strani, ki nastaja ali kateri koli projekt, kot so: učni načrt-in-html , malo-kača , tic-tac-toe , ali karkoli drugega , ok?

Opis projekta ni obvezen. Mislim pa, da je pomembno, da tja vnesete nekaj koristnega besedila, saj bo opredeljeno področje vašega projekta. Če vam želijo drugi pomagati, lahko skozi opis na kratko razumejo vaš projekt. V vašem primeru lahko vnesete nekaj podobnega repozitoriju za preučevanje jezikov HTML .

Izdelajte tudi datoteko README in določite vrsto licence, ki jo boste uporabili v projektu. Oglejte si te dobre primere README-jev in licenco za uporabo v projektu.

Datoteka README je popolnejši opis vašega projekta, zato je dobro, da vanjo vnesete nekaj koristnih informacij. Sledite primerom na povezavi.

Čeprav licenca ni obvezna, jo je dobro opredeliti. V licenci je zapisano, kaj lahko drugi storijo z vašo kodo. Licenca MIT je ena najbolj priljubljenih in vam (in drugim) omogoča, da s projektom naredite marsikaj. Če želite, si vzemite nekaj časa za iskanje drugih vrst licenc.

Ustvarite svoj delovni prostor

Ko ustvarite repozitorij, ga lahko klonirate v svojem računalniku. Pred tem pa morate ustvariti mapo, v katero boste klonirali vsa prihodnja skladišča, na katerih delate.

S terminalom ustvarite mapo, ki bo vaš delovni prostor . To naredite za vzdrževanje urejenega sistema, sicer boste na koncu razpršili svoje projekte (in morda jih boste izgubili, tako kot izgubili tiste gifke za mačke, ki ste jih shranili v računalnik ...)

Ob predpostavki, da ste cmder že namestili, ga lahko zdaj odpremo (če ga niste, je zdaj pravi čas) in bomo že pri C:/Users/your_computer_name.

Če niste na tej poti, uporabite ukaz:

cd %home%

Zaženite ukaz, mkdir folder_nameda ustvarite delovni prostor. Na primer:

mkdir workspace

To je to! Zdaj imate privzeto mapo za svoje projekte in tam lahko klonirate svoja skladišča.

Klonirajte svoja skladišča

Kloniranje repozitorija pomeni, da boste vse datoteke in imenike na strežniku GitHub kopirali v vaš računalnik, da boste lahko delali z njimi.

Zdaj morate projekt, ki ste ga ustvarili v GitHubu, klonirati v svoj delovni prostor. Če želite to narediti, pojdite v mapo, ki ste jo pravkar ustvarili. Na cmder vnesite:

cd workspace\

Namig : če ste mapo ustvarili ali želite dostopati do že obstoječe, lahko začnete vnašati njeno ime in pritisnete TAB, cmder pa vam bo samodejno dokončal ime.

S tem pojdite na svojo stran projekta v GitHubu in poiščite povezavo, ki jo potrebujete za kloniranje skladišča.

Povezava je v zelenem gumbu Kloniraj ali Prenesi :

Preklopite s HTTPS na SSH, ker ste v svojem računu že nastavili ključ za dostop.

Zdaj lahko zaženete git cloneukaz in prenesete povezavo, ki jo dobite. Kar tako:

git clone [email protected]:our-username/learning-html.git

In vaše skladišče bo klonirano, kot na naslednji sliki:

Dostopate lahko do mape repozitorija, ki je bila ustvarjena v vašem delovnem prostoru, ko ste ga klonirali.

Vnesite ukaz: cd learning-html/

Pozor : Predvidevam, da ste zdaj v workspacedirektoriju. Če niste, zgornji ukaz ne bo deloval. Uporabite cd %home%\workspace\in nato zgornji ukaz.

Ustvari vejo

Vsakič, ko v projektu spremenite različico z Gitom, ustvarite vejo z imenom naloge, s katero delate. To vam preprečuje, da bi pokvarili "glavno" kodo, ki se nahaja v glavni veji. Za to lahko uporabite naslednji ukaz:

git checkout -b task_name

Podružnica je kot veje drevesa. To je del debla drevesa. Tako lahko spreminjate vzporedno z glavnim delom projekta, ne da bi to vplivalo.

Na primer:

Ko to storite, lahko samodejno preklopite na novo ustvarjeno vejo in lahko zdaj kodirate kot noro.

Zavežite spremembe

Ko končate spremembo projekta, bi morali zavezati spremembo z oddaljenim skladišča (tistega na strežnikih GitHub je).

Da se zavežejo , da je nekaj povedati, Git, da ste dajanje spremembe v vrsti, da ga vlečejo (poslana) na oddaljenem skladišču.

Predstavljajte si, da ste pravkar ustvarili stran HTML in ji dodali nekaj naslovov in besedila. Zdaj imate prvo različico tega dokumenta, zato ga morate prevzeti.

Če želite to narediti, zaženite nekaj ukazov, tako da Git razume, da želimo svoje spremembe poslati v oddaljeni repo. Zaženite git add file_namein povejte Gitu, naj postavi datoteko.

Lahko pa tudi zaženete, git add --allda pošljete vse datoteke, v katere ste naredili nekaj sprememb. Z git statusukazom lahko vidite, katere spremenjene datoteke boste predali strežniku.

V zgornjem primeru je bila ustvarjena datoteka index.htmlin zagnan je bil ukaz git status, da vidim, kaj se je spremenilo. Nato je bila datoteka dodana z git add in git status je bil spet zagnan, da bi videli, katera datoteka je bila dodana v delovni prostor Git.

S tem lahko zdaj odobrite spremembe. Preprosto zaženite ukaz git commit , tako kot git commit -m "commit_message". Ne pozabite vključiti opisnega sporočila, kaj je bilo dodano v objavo.

Združevanje sprememb

Po izvedbi sprememb imate zdaj vejo s spremembami pred spremembami v glavni veji. To pomeni, da imate drugačno različico projekta in morate te spremembe združiti z glavno različico projekta. Pred tem preverite, kakšne so razlike med vejami. Na svoji veji izvedite ukaz:

git diff master

Rezultat bo približno tak:

Git vam prikaže najnovejšo opravljeno objavo, katere datoteke so bile dodane ali spremenjene in tudi kaj spremenjeno.

Ker veste, da imate razlike med vejo in glavnim, jih morate združiti , da se pridružijo novi predaji, ki ste jih naredili v svoji veji, s kodo v glavnem. Če želite to narediti, pojdite na glavno vejo na cmderju in zaženite ukaz git merge.

Če se želite vrniti do mojstra, zaženite git checkout master. Če želite združiti zaveze, zaženite git merge our_branch_name.

Git vam bo prikazal izhod, ki potrjuje, kaj je bilo dodano.

Pošiljanje v GitHub

Ko naredite in združite vse spremembe, jih lahko zdaj pošljete v oddaljeno repozitorij na GitHub.

To boste uporabili git push origin master.

Lahko tudi samo uporabite git push. Dobil bo enak rezultat. Ko pa v svojem delovnem prostoru prvič potisnete spremembe, morate to storiti git push origin master, da bo Git vedel, da je vaš delovni prostor izvor potiska.

Zdaj se bo vaša objava pojavila na strani vašega skladišča GitHub:

Zaključek

V tej vadnici ste se naučili, kako ustvariti projekt na GitHubu, tako da lahko spremljate svoj napredek vsakič, ko preučite nekaj novega. To vam bo pomagalo spoznati ukazno vrstico (Terminal), ukaze Git in GitHub. Poleg tega vam bo pomagal ustvariti lep portfelj, ki ga boste lahko pokazali na razgovorih za službo.

Takšna praksa vam bo pomagala tudi bolje razumeti, kako uporabljati Git z oddaljenimi repozitoriji (repozitoriji, ki jih gosti neka platforma, kot je GitHub ). Svoje znanje in veščine boste povišali tudi na terminalu.

Ne pozabite na osnovna pravila, ki ste jih nastavili:

  • vedno ustvari nov študijski projekt
  • delo na vejah
  • zavežite spremembe, dokler ne pride čas, da jih potisnete v GitHub

V redu? :)

Vrnite se sem in sledite tem vodnikom po korakih vsakič, ko nekaj pozabite!

Moje ime je Iago Rodrigues. Sem pripravnica v Braziliji, v mestu Belem.

Lahko me spremljate na družbenih omrežjih. Vedno mi je v veselje pomagati s čim, kar lahko.

Iago Rodrigues (@iagokv) | Twitter

Najnovejši tweeti od Iago Rodriguesa (@iagokv). Front-End razvijalec | Vue.js padawan | Noob o življenju. Belém, Brasil twitter.com

Ja! Vem. Moja twitter fotografija je nekaj ...