Hogyan lehet megtanulni a Git és a GitHub kódolás közben

Ebben a cikkben adok néhány tippet arról, hogyan válhat Git / GitHub ninja. Bónuszként megmutatom, hogyan kell használni a terminált (shell)kódolás közben. Tehát, ha kezdő vagy, ez a bejegyzés segít megérteni ezt a technikát. És ha már ninja vagy, nézz át egy pillantást, hogy segítsen emlékezni olyan dolgokra, amelyeket esetleg elfelejtettél.

Rövid bevezető

A Git és a GitHub rendkívül fontos eszköz a rutin, mint szoftverfejlesztő számára. De hogyan tanulhatjuk meg őket, mivel annyi van a tányérjainkon, amikor kódot tanulunk?

Iago Rodrigues vagyok, brazil. Rendszerinformációs hallgató vagyok, szoftverfejlesztő gyakornok és szabadúszó. Pályafutásom elején vagyok, és szerettem volna megosztani veletek néhány tudást, amelyet megszereztem. Szóval, vedd be a kávét, és csapkodjunk!

Ha Ön portugál olvasó, kérjük, látogasson el ide.

Használhatja ezt a tervet bármely olyan programozási nyelv tanulmányozására, mint a JavaScript, a Python, a Node, valamint a HTML és a CSS. Nem számít, hogy milyen technológiát tanulsz - a munkád Git-tel történő verziószolgáltatása az alapértelmezett programozási módszer.

A környezet előkészítése

Mielőtt elkezdenénk, be kell állítanunk a környezetet, hogy elmenthessük kódunkat és példáinkat arról, hogy mit tanulunk.

Ehhez teljesítenünk kell néhány követelményt:

  • telepítse a Git-et a gépünkre
  • hozzon létre egy GitHub-fiókot
  • hozzon létre egy munkaterületet a gépünkön

Ha már megtette ezt, akkor egyenesen a GitHub munkafolyamatához és a Terminal szakaszhoz juthat .

A Git telepítése a gépre

A Git telepítése az egyes operációs rendszereken eltérő. Nézze meg Git hivatalos webhelyét, hogy megnézze, melyik az Ön számára megfelelő út.

De ha Windows rendszert használ (és portugálul beszél), ajánlom ezt a cikket.

A Git telepítése után létre kell hoznunk egy GitHub fiókot, és konfigurálnunk kell azt a gépünkön.

Fiók létrehozása a GitHubon

Fiók létrehozásához lépjen a GitHub webhelyre, és töltse ki a fő űrlapot.

Javaslom, hogy itt válasszon egy igazi és kedves felhasználói nevet, hogy használhassa az önéletrajzot vagy a LinkedIn fiókját.

Tájékoztatnia kell a GitHubot, hogy melyik tervet kívánja használni. Válassza az ingyenes lehetőséget. Az egyetlen különbség az, hogy a fizetős csomaggal beállíthat magánraktárakat.

A GitHub néhány kérdést feltesz, mielőtt befejezné a fiók beállítását. Most válaszolhat rájuk, vagy csak ugorhat a következő képernyőre.

Miután minden elkészült, elkezdhetjük a projektünket.

Mielőtt azonban létrehoznánk a tárunkat, állítsuk be a GitHub e-mailünket és a felhasználónevünket a gépünkben.

Rendszerünk beállítása a GitHub adatainkkal

Nyissa meg a terminált. A Windows rendszerben meg kell nyitnia a Start menüt, és be kell írnia a cmd parancsot. Ezután kattintson az Enter gombra.

Vagy telepítheti a cmder-t (ami jó lehetőség), hogy a cmd helyett használja , ami az alapértelmezett Windows-terminál.

Ezzel a következő shell parancsot kell végrehajtanunk a cmderben:

git config --global user.name "our_GitHub_user_name"

Most írja be a GitHub e-mail címét:

git config --global user.email "our_GitHub_user_email"

A GitHub hozzáférési kulcs beállítása

Amikor egy tárolóhéjhoz héjon keresztül fér hozzá, hozzáférési engedéllyel kell rendelkeznie. Ez akkor jár, ha bejelentkezik GitHub-fiókjába. De minden alkalommal, amikor valamit elküld a tárába (repó), át kell adnia a hitelesítő adatait.

Ennek elkerülése érdekében használjon SSH kulcsot. Ez egy hozzáférési kulcs, amelyet a GitHub kicserél a gépünkön konfigurált kulccsal.

A kulcs létrehozásához kövesse a GitHub dokumentációjában ismertetett folyamatot.

Minden mindent konfigurálva, jól megy!

A GitHub munkafolyamata és a terminál

Állítsunk fel itt egy szabályt :

Valahányszor létrehoz egy projektet, hogy tanulmányozzon valamit, például HTML-oldalt készítsen, vagy parancssori játékot készítsen a Node.js-sel vagy bármi mással, létrehoz egy lerakatot, klónozza a gépébe, ágak segítségével dolgozzon rajta, és kicsi legyen vállalja, hogy elküldi a GitHubnak .

Üzlet?!

Ez garantálja, hogy szerezzen némi tapasztalatot, amelyre szüksége lesz ezen eszközök elsajátításához.

Tehát kezdjük.

Hozzon létre egy új projektet

Térjünk vissza a GitHub oldalára, és kattintsunk a plusz ikonra (+) az oldal tetején.

Kattintson az Új adattár elemre .

Tegyük fel, hogy egy projektet készít a HTML tanulmányozására, ezért nevezze el a repository learning-html fájlt . Ez lehet a neve, egy oldal, amely jön létre, vagy olyan projekt, mint például: tananyag-in-html , kis kígyó , tic-tac-toe , vagy bármi más , oké?

A projekt leírása nem kötelező. De azt gondolom, hogy fontos néhány hasznos szöveget beírni oda, mivel ez azonosítja a projekt hatókörét. Ha mások segítenek neked, akkor a leíráson keresztül röviden megérthetik a projektedet. Az Ön esetében megadhat valamit, például HTML nyelvtanulmánytárat .

Készítsen egy README fájlt is, és határozza meg a projektben használt licenc típusát. Vessen egy pillantást ezekre a jó példákra a README-kről, valamint a projekten használható licencről.

A README fájl egy teljesebb leírása a projektnek, ezért érdemes hasznos információkat elhelyezni ott. Kövesse a linken szereplő példákat.

Bár a licenc nem kötelező, jó gyakorlat meghatározni. A licenc megmondja, hogy mások mit tehetnek a kódoddal. Az MIT licenc az egyik legnépszerűbb, és lehetővé teszi, hogy Ön (és mások is) sok mindent megtehessenek a projekttel. Szánjon egy kis időt arra, hogy más típusú licenceket keressen, ha szeretné.

Készítse el munkaterületét

Miután létrehozta az adattárat, klónozhatja a gépén. De előtte létre kell hoznia egy mappát, ahol klónozni fogja az összes jövőbeni tárat, amelyen dolgozik.

A terminál segítségével hozzon létre egy mappát, amely a munkaterülete lesz . Ezt egy szervezett rendszer fenntartása érdekében teszi, különben a projekteket szétszórja (és elveszítheti őket, akárcsak azokat a cica-gifeket, amelyeket a számítógépén mentett el ...).

Feltételezve, hogy már telepítette a cmder-t, most megnyithatjuk (ha még nem tette meg, akkor itt az ideje), és itt leszünk C:/Users/your_computer_name.

Ha nem ezen az úton jár, használja a következő parancsot:

cd %home%

Futtassa a parancsot mkdir folder_namea munkaterület létrehozásához. Például:

mkdir workspace

Ez az! Most megvan az alapértelmezett mappa a projektjeihez, és ott klónozhatja a tárházakat.

Klónozza az adattárakat

A lerakat klónozása azt jelenti, hogy a GitHub szerveren található összes fájlt és könyvtárat átmásolja a gépére, így együtt dolgozhat velük.

Most klónoznia kell a GitHubon létrehozott projektet a munkaterületére. Ehhez lépjen az imént létrehozott mappába. A cmderen írja be:

cd workspace\

Tipp : ha létrehozta a mappát, vagy hozzá szeretne férni egy már létező mappához, elkezdheti beírni a nevét és megnyomni a TAB billentyűt, és a cmder automatikusan kitölti a nevet.

Ezzel lépjen a projekt oldalára a GitHub-on, és szerezze be azt a linket, amelyre szükség van a tárház klónozásához.

A link abban a zöld gombban található, amelynek neve Clone vagy Download :

Váltás HTTPS-ről SSH-ra, mert már konfigurálta a hozzáférési kulcsot a fiókjában.

Most futtathatja a git cloneparancsot, és továbbíthatja a kapott linket. Pontosan úgy:

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

A táradat klónozzuk, például a következő képen:

Hozzáférhet a lerakat mappájához, amelyet klónozásakor a munkaterületén hoztak létre.

Írja be a parancsot: cd learning-html/

Figyelem : Feltételezem, hogy most bent vagy a workspacediretóriumban. Ha nem, akkor a fenti parancs nem fog működni. Használja cd %home%\workspace\, majd a fenti parancsot.

Hozzon létre egy fiókot

Minden alkalommal, amikor valamit módosít egy Git verzióval módosított projektben, létre kell hoznia egy fiókot annak a feladatnak a nevével, amelyen dolgozik. Ez megakadályozza, hogy Messiás a „fő” kód található, a mester ág. Ehhez a következő parancsot használhatja:

git checkout -b task_name

Az ág olyan, mint egy faág. A fa törzsének része. Tehát a projekt fő részével párhuzamosan végezhet változtatásokat anélkül, hogy befolyásolná azt.

Például:

Miután ezt megtette, automatikusan átválthat az újonnan létrehozott fiókra, és most őrült módon kódolhat.

Végezze el a változásokat

Miután befejeztük a változás, hogy a projekt, akkor kötelezzék a változás, hogy a távoli repository (az egyik a GitHub szerverein).

Ahhoz, hogy kötelezzék el valamit, hogy elmondja Git, hogy megkérdőjelezik a módosításokat a sorban kell nyomni (z) a távoli tárolóból.

Képzelje el, hogy éppen létrehozott egy HTML oldalt, és hozzáadott néhány címet és szöveget. Most rendelkezik a dokumentum első verziójával, ezért el kell követnie.

Ehhez futtasson néhány parancsot, hogy Git megértse, hogy a távoli repót el akarjuk küldeni a változtatásainknak. Futtassa, git add file_namehogy elmondja Gitnek, állítsa be a fájlt.

Alternatív megoldásként futtathatja git add --allaz összes fájl elküldését, amelyeken valamilyen változtatást végrehajtott. A git statusparanccsal láthatja, hogy mely megváltozott fájlokat fogja kiosztani a kiszolgálónak.

A fenti példában az index.html fájl jött létreés a git status parancs futtatásra került, hogy mi változott. Ezután a fájlt hozzáadták a git add hozzáadásával, és újra futtatták a git állapotot , hogy megnézzék, melyik fájl került hozzá a Git munkaterülethez.

Az, hogy akkor most elkövetni a változásokat. Csak futtassa a git comm parancsot, akárcsak git commit -m "commit_message". Ne felejtsen el leírni egy leírást arról, hogy mi lett hozzáadva a kötelezettségvállaláshoz.

A változások egyesítése

Miután végrehajtotta a módosításokat, most már rendelkezik fiókkal, amely módosításokkal megelőzi a ágban levőket. Ez azt jelenti, hogy egy másik verziója van a projektnek, és ezeket a módosításokat össze kell egyesítenie a projekt fő verziójával. Ezt megelőzően ellenőrizze, hogy mi a különbség az ágak között. Az ágon hajtsa végre a következő parancsot:

git diff master

A kimenet valami hasonló lesz:

A Git megmutatja a legfrissebb elkötelezettséget, mely fájlokat adta hozzá vagy módosította, és mi is változott.

Mivel tudja, hogy vannak különbségei a fiókja és a gazdája között, össze kell egyesítenie őket, hogy csatlakozzanak az új vállalásokhoz, amelyeket fiókjában tettek, a master kódjával. Ehhez el kell mennie a master ághoz, a cmder-en, és futtatnia kell a parancsot git merge.

Hogy visszatérj a mesterhez, fuss git checkout master. A vállalások egyesítéséhez futtassa git merge our_branch_name.

A Git egy kimenetet mutat, amely megerősíti a hozzáadottakat.

Küldés a GitHub-nak

Miután elvégezte és egyesítette az összes módosítást, most elküldheti őket a GitHub távoli tárházába.

Ezt fogja használni git push origin master.

Használhatja is git push. Ennek ugyanaz az eredménye lesz. De amikor a változtatásokat először nyomja meg a munkaterületén, akkor meg kell tennie git push origin master, hogy Git tudja, hogy az Ön munkaterülete a lökés eredete.

Most az elkötelezettség megjelenik a GitHub-tárház oldalán:

Következtetés

Ebben az oktatóanyagban megtanulta, hogyan kell létrehozni egy projektet a GitHubon, hogy minden alkalommal, amikor valami újat tanulmányoz, nyomon követheti a fejlődését. Ez segít megismerni a parancssort (Terminal), a Git parancsokat és a GitHub-ot. Emellett segít létrehozni egy szép portfóliót, amelyet az állásinterjúkon megmutathat.

Az ilyen gyakorlatok segítenek jobban megérteni, hogyan kell használni a Git távoli adattárakkal (a tárolókat valamilyen platformon, például a GitHubon tárolják ). Emellett szintet emel az ismereteire és készségeire a terminálon.

Ne felejtsd el az általad beállított alapszabályokat:

  • mindig készítsen új tanulmányi projektet
  • ágakon dolgozni
  • hajtsa végre a módosításokat, amíg el nem érkezik az ideje, hogy a GitHub-ra tolja őket

Rendben? :)

Jöjjön vissza ide, és kövesse ezt a lépésről-lépésre útmutatót, valahányszor elfelejt valamit!

A nevem Iago Rodrigues. Gyakornok vagyok Brazíliában, Belem városában.

A közösségi oldalakon követhetsz engem. Mindig öröm segíteni abban, amiben csak tudok.

Iago Rodrigues (@iagokv) | Twitter

A legfrissebb tweetek Iago Rodrigues-tól (@iagokv). Front-end fejlesztő | Vue.js padawan | Noob az életen. Belém, Brasil twitter.com

Igen! Tudom. A Twitter-fotóm valami ...