Kuinka voit oppia Git ja GitHub, kun opit koodaamaan

Tässä artikkelissa annan sinulle vinkkejä siitä, miten tulla Git / GitHub-ninjaksi. Bonuksena näytän myös, kuinka päätelaitetta (kuorta) käytetäänkoodauksen aikana. Joten jos olet aloittelija, tämän viestin pitäisi auttaa sinua ymmärtämään tätä tekniikkaa. Ja jos olet jo ninja, käy läpi läpi auttaa sinua muistamaan asioita, jotka olet ehkä unohtanut.

Lyhyt esittely

Git ja GitHub ovat erittäin tärkeitä työkaluja rutiinissamme ohjelmistokehittäjinä. Mutta kuinka voimme oppia heitä, koska meillä on niin paljon levyillä, kun opimme koodia?

Olen Iago Rodrigues, brasilialainen. Olen Systems Information -opiskelija, ohjelmistokehittäjän harjoittelija ja freelancer. Olen urani alussa ja halusin jakaa kanssani hankkimaani tietoa. Joten, ota kahvisi ja hakkeroimme!

Jos olet portugalilainen lukija, mene tänne.

Tämän suunnitelman avulla voit tutkia mitä tahansa ohjelmointikieliä, kuten JavaScriptiä, Pythonia, Solmua, sekä HTML: ää ja CSS: ää. Sillä ei ole merkitystä, mitä tekniikkaa opit - ohjelmoinnin oletustapa on Git-sovelluksen versiointi.

Ympäristön valmistelu

Ennen kuin aloitamme, meidän on määritettävä ympäristö tallentamaan koodimme ja esimerkkejä siitä, mitä opimme.

Tätä varten meidän on täytettävä joitain vaatimuksia:

  • asenna Git koneellemme
  • luo GitHub-tili
  • luoda työtila koneellemme

Jos olet jo tehnyt tämän, voit siirtyä suoraan GitHubin työnkulkuun ja Terminal- osioon.

Gitin asentaminen koneellesi

Git-asennus on erilainen jokaisessa käyttöjärjestelmässä. Tutustu Gitin viralliseen sivustoon nähdäksesi, mikä tapa sopii sinulle.

Mutta jos käytät Windowsia (ja puhut portugalia), suosittelen tätä artikkelia.

Kun Git on asennettu, meidän on luotava GitHub-tili ja määritettävä se koneellemme.

Tilin luominen GitHubiin

Luo tili siirtymällä GitHub-verkkosivustoon ja täyttämällä päälomake.

Suosittelen, että valitset täältä oikean ja mukavan käyttäjätunnuksen, jotta voit käyttää tilitietoa uudelleenlaskennassa tai LinkedIn-tiliäsi.

Sinun on ilmoitettava GitHubille, mitä suunnitelmaa haluat käyttää. Valitse ilmainen vaihtoehto. Ainoa ero on, että voit perustaa yksityisiä arkistoja maksullisella suunnitelmalla.

GitHub kysyy muutamia asioita ennen tilin määrityksen viimeistelyä. Voit vastata niihin nyt tai vain siirtyä seuraavaan näyttöön.

Kun kaikki on valmis, voimme aloittaa projektimme.

Ennen kuin luomme tietovarastomme, määritetään kuitenkin GitHub-sähköposti ja käyttäjänimi koneellemme.

Järjestelmän määrittäminen GitHub-tietojemme avulla

Avaa terminaali. Windowsissa sinun on avattava aloitusvalikko ja kirjoitettava cmd. Napsauta sitten Enter.

Tai voit asentaa cmderin (mikä on hyvä vaihtoehto) käyttääksesi sitä cmd: n sijaan , joka on oletusarvoinen Windows-pääte.

Sen kanssa meidän on suoritettava seuraava komentokäsky cmderissä:

git config --global user.name "our_GitHub_user_name"

Laita nyt GitHub-sähköpostiosoitteesi:

git config --global user.email "our_GitHub_user_email"

GitHub-avaimen määrittäminen

Aina kun käytät arkistoa kuoren kautta, sinulla on oltava käyttöoikeus. Tämä myönnetään, kun kirjaudut sisään GitHub-tilillesi. Mutta aina kun lähetät jotain arkistoon (repo), sinun on annettava tunnistetietosi.

Tämän välttämiseksi käytä SSH-avainta. Tämä on pääsyavain, jonka GitHub vaihtaa koneellemme määritetyn avaimen kanssa.

Luo tämä avain noudattamalla GitHub-ohjeissa kuvattua prosessia.

Kun kaikki kaikki on määritetty, olet hyvä mennä!

GitHubin työnkulku ja pääte

Laaditaan sääntö täällä:

Joka kerta, kun luot projektin jonkin tutkimiseksi, kuten HTML-sivun tai komentorivipelin tekemisen Node.js: llä tai muulla, luodaan arkisto, kloonataan se koneellesi, työstetään sitä haarojen avulla ja tehdään pieniä sitoutuu lähettämään GitHubille .

Sopimus?!

Tämä takaa, että saat jonkin verran kokemusta, jota tarvitset näiden työkalujen hallitsemiseksi.

Joten aloitetaan.

Luo uusi projekti

Palataan takaisin GitHub-sivullesi ja napsauta plus-kuvaketta (+) sivun yläosassa.

Napsauta Uusi arkisto .

Oletetaan, että luot projektin HTML: n tutkimiseen, joten nimeä arkistosi learning-html . Se voisi olla nimi sivun, joka on luotu tai minkä tahansa projektin, kuten opetussuunnitelma-in-html , pikku-käärme , Ristinolla , tai jotain muuta , ok?

Projektin kuvaus on valinnainen. Mutta mielestäni on tärkeää kirjoittaa hyödyllistä tekstiä sinne, koska se tunnistaa projektisi laajuuden. Jos muut ihmiset haluavat auttaa sinua, he voivat ymmärtää projektisi lyhyesti kuvauksen kautta. Sinun tapauksessasi voit kirjoittaa jotain HTML-kielen opintovarastoa .

Tee myös README-tiedosto ja määritä projektissa käytettävän lisenssin tyyppi. Katsokaa näitä hyviä esimerkkejä README-tiedostoista sekä projektissa käytettävää lisenssiä.

README-tiedosto on täydellisempi kuvaus projektistasi, joten kannattaa laittaa sinne hyödyllistä tietoa. Seuraa linkin esimerkkejä.

Vaikka lisenssi on valinnainen, sen määritteleminen on hyvä käytäntö. Lisenssissä kerrotaan, mitä muut ihmiset voivat tehdä koodillasi. MIT-lisenssi on yksi suosituimmista, ja sen avulla voit (ja muutkin) tehdä monia asioita projektin kanssa. Vie jonkin aikaa etsiä muita lisenssityyppejä, jos haluat.

Luo työtila

Kun olet luonut arkiston, voit kloonata sen koneellesi. Mutta ennen sitä sinun on luotava kansio, jossa kloonataan kaikki tulevat arkistot, joissa työskentelet.

Luo päätelaitteella kansio, josta tulee työtila . Teet tämän ylläpitääksesi järjestäytynyttä järjestelmää, muuten hajotat projektisi ympäri (ja saatat menettää ne samalla tavoin kuin menetit ne tietokoneellesi tallentamasi kissanpennun gifit ...).

Olettaen, että olet jo asentanut cmderin, voimme nyt avata sen (jos et ole, nyt on hyvä aika) ja olemme siinä C:/Users/your_computer_name.

Jos et ole tällä polulla, käytä komentoa:

cd %home%

mkdir folder_nameLuo työtila suorittamalla komento . Esimerkiksi:

mkdir workspace

Se siitä! Nyt sinulla on oletuskansio projekteillesi ja voit kloonata arkistot sinne.

Kloonaa arkistot

Arkiston kloonaus tarkoittaa, että kopioit kaikki GitHub-palvelimen tiedostot ja hakemistot koneellesi, jotta voit työskennellä niiden kanssa.

Nyt sinun on kloonattava GitHubissa luomasi projekti työtilaan. Voit tehdä tämän siirtymällä juuri luomallesi kansioon. Kirjoita cmderiin:

cd workspace\

Vinkki : Jos olet luonut kansion tai haluat käyttää olemassa olevaa kansiota, voit kirjoittaa sen nimen ja painaa sarkainta, ja cmder täydentää nimen automaattisesti.

Siirry sen jälkeen projektisivullesi GitHubissa ja hanki linkki, jonka tarvitset arkiston kloonaamiseen.

Linkki on vihreässä painikkeessa nimeltä Klooni tai Lataa :

Vaihda HTTPS: stä SSH: ksi, koska olet jo määrittänyt käyttöavaimen tilissäsi.

Nyt voit suorittaa git clonekomennon ja välittää saamasi linkin. Noin vain:

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

Ja arkistosi kloonataan, kuten seuraavassa kuvassa:

Voit käyttää arkistokansiota, joka luotiin työtilassa, kun kloonasit sen.

Kirjoita komento: cd learning-html/

Huomio : Oletan, että olet workspacenyt diretoryn sisällä . Jos et ole, yllä oleva komento ei toimi. Käytä cd %home%\workspace\ja sitten yllä olevaa komentoa.

Luo haara

Joka kerta, kun muutat jotain Git-versiossa versiossa, sinun on luotava haara sen tehtävän nimellä, jota työskentelet. Tämä estää Messing ”main” koodi sijaitsee master haara. Tätä varten voit käyttää seuraavaa komentoa:

git checkout -b task_name

Haara on kuin puun oksa. Se on osa puun runkoa. Joten voit tehdä muutoksia samanaikaisesti projektin pääosan kanssa vaikuttamatta siihen.

Esimerkiksi:

Kun olet tehnyt tämän, voit vaihtaa automaattisesti uudeksi haaraksi ja koodata nyt hulluksi.

Tee muutokset

Kun lopetat muutoksia projektiin, sinun pitäisi sitoutua muutos kaukosäätimen arkistoon (yksi GitHub palvelimilla).

To sitoutua jotain on kertoa Gitin että laitat muutokset jonossa voidaan työntää (lähetetään) ja kauko arkistoon.

Kuvittele, että olet juuri luonut HTML-sivun ja lisännyt siihen joitain otsikoita ja tekstiä. Sinulla on nyt tämän asiakirjan ensimmäinen versio, joten sinun on tehtävä se.

Suorita tämä suorittamalla joitain komentoja, jotta Git ymmärtää, että haluamme lähettää muutoksemme etätallennuksen yhteydessä. Suorita git add file_nameja kerro Gitille, että se vaihtaa tiedoston.

Vaihtoehtoisesti voit suorittaa git add --allkaikki tiedostot, joihin olet tehnyt muutoksia. Kun git statuskomento, voit nähdä, mitkä muuttuneet tiedostot voit sitoutua palvelimelle.

Yllä olevassa esimerkissä index.html- tiedosto luotiinja git status -komento suoritettiin nähdäksesi mitä muutettiin. Sitten tiedosto lisättiin git add -toiminnolla ja git-tila suoritettiin uudelleen nähdäksesi, mikä tiedosto lisättiin Git-työtilaan.

Sen avulla voit nyt tehdä muutokset. Suorita vain git sitoutuskomento , aivan kuten git commit -m "commit_message". Muista lisätä kuvaava viesti siitä, mikä on lisätty sitoutumiseen.

Muutosten yhdistäminen

Kun olet tehnyt muutokset, sinulla on nyt oksaa muutoksia ennen pienimmille master haara. Tämä tarkoittaa, että sinulla on eri versio projektista ja sinun on yhdistettävä nämä muutokset projektin pääversioon. Ennen kuin teet sen, tarkista, mitä haarojen välillä on eroja. Suorita haarallasi komento:

git diff master

Tulos on jotain:

Git näyttää uusimmat tehdyt sitoumukset, mitkä tiedostot lisättiin tai muutettiin ja mitä muutettiin.

Koska tiedät, että haarasi ja päällikön välillä on eroja, sinun on yhdistettävä ne, jotta voit liittyä haarasi tekemiin uusiin sitoumuksiin päällikön koodilla. Tätä varten sinun on siirryttävä päähaaraan cmderiin ja suoritettava komento git merge.

Palaa takaisin isäntään juoksemalla git checkout master. Suorita suoritukset yhdistämään git merge our_branch_name.

Git näyttää sinulle tuotoksen, joka vahvistaa lisätyn.

Lähettämällä sen GitHubille

Kun olet tehnyt ja yhdistänyt kaikki muutokset, voit nyt lähettää ne etätietovarastoon GitHubissa.

Voit käyttää git push origin mastertätä.

Voit myös käyttää vain git push. Sillä on sama tulos. Mutta kun työnnät muutoksia ensimmäistä kertaa työtilassasi, sinun on tehtävä se git push origin masterniin, että Git tietää, että työtila on työntöjen alkuperä.

Sitoumuksesi näkyy nyt GitHub-arkiston sivulla:

Johtopäätös

Tässä opetusohjelmassa opit luomaan projektin GitHubiin, jotta voit seurata edistymistäsi aina opiskellessasi jotain uutta. Tämä auttaa sinua tuntemaan komentorivin (pääte), Git-komennot ja GitHubin. Sen lisäksi se auttaa sinua luomaan mukavan salkun, jonka voit näyttää työhaastatteluissa.

Tällainen harjoittelu auttaa myös ymmärtämään paremmin, miten Gitä käytetään etätallennustiloissa (tietyn alustan, kuten GitHubin, ylläpitämät arkistot ). Tasoitat tietosi ja taitosi myös terminaalissa.

Älä unohda asettamiasi perussääntöjä:

  • luo aina uusi tutkimusprojekti
  • työskennellä oksilla
  • sitouttaa muutokset, kunnes on aika työntää ne GitHubiin

Selvä? :)

Tule takaisin tänne ja seuraa tätä vaiheittaista opasta aina, kun unohdat jotain!

Nimeni on Iago Rodrigues. Olen harjoittelija Brasiliassa, Belemin kaupungissa.

Voit seurata minua sosiaalisessa mediassa. Aina ilo auttaa siinä, mitä osaan.

Iago Rodrigues (@iagokv) | Viserrys

Uusimmat twiitit Iago Rodriguesilta (@iagokv). Etupään kehittäjä | Vue.js padawan | Noob elämästä. Belém, Brasilia twitter.com

Joo! Tiedän. Twitter-valokuvani on jotain…