Како можете научити Гит и ГитХуб док учите кодирати

У овом чланку ћу вам дати неколико наговештаја о томе како постати Гит / ГитХуб ниња. Такође, као бонус, показаћу вам како се користи Терминал (љуска)док кодирање. Дакле, ако сте почетник, овај пост би вам требао помоћи да разумете ову технологију. А ако сте већ нинџа, прегледајте их како бисте се сетили ствари које сте можда заборавили.

Кратки увод

Гит и ГитХуб су изузетно важни алати за нашу рутину као програмера софтвера. Али, како их можемо научити док имамо толико тога на тањирима када учимо код?

Ја сам Иаго Родригуес, Бразилац. Студент сам системских информација, приправник програмера софтвера и слободњак. На почетку сам своје каријере и желео сам да са вама поделим неко знање које сам стекао. Па, узми кафу и хакујмо!

Ако сте португалски читалац, идите овде.

Овај план можете користити за проучавање било ког програмског језика као што су ЈаваСцрипт, Питхон, Ноде, а такође и ХТМЛ и ЦСС. Није важно коју технологију учите - подешавање верзије вашег рада са Гитом је подразумевани начин програмирања.

Припрема околине

Пре него што започнемо, морамо да поставимо окружење за чување нашег кода и примера онога што учимо.

Да бисмо то урадили, морамо испунити неке захтеве:

  • инсталирајте Гит на нашу машину
  • креирајте ГитХуб налог
  • створите радни простор на нашој машини

Ако сте ово већ урадили, можете директно да пређете на ГитХуб-ов ток рада и одељак Терминал .

Инсталирање Гит-а на ваш рачунар

Гит инсталација се разликује у сваком оперативном систему. Погледајте званичну Гит-ову страницу да бисте видели који начин је прави за вас.

Али ако користите Виндовс (и говорите португалски), препоручујем овај чланак.

Једном када је Гит инсталиран, морамо створити ГитХуб налог и конфигурисати га на нашој машини.

Прављење налога на ГитХуб-у

Да бисте креирали налог, идите на веб локацију ГитХуб и попуните главни образац.

Препоручујем вам да овде одаберете право и лепо корисничко име како бисте могли да користите налог у резимеима или свој ЛинкедИн налог.

Морате да обавестите ГитХуб који план желите да користите. Изаберите бесплатну опцију. Једина разлика је у томе што приватна спремишта можете да подесите са плаћеним планом.

ГитХуб ће вас питати неколико ствари пре завршетка подешавања налога. Можете им одговорити одмах или једноставно прећи на следећи екран.

Са свим завршеним, можемо започети наш пројекат.

Пре него што креирамо своје спремиште, подесимо нашу ГитХуб е-пошту и корисничко име у нашој машини.

Постављање нашег система са нашим ГитХуб подацима

Отворите свој терминал. У оперативном систему Виндовс морате отворити мени Старт и откуцати цмд. Затим притисните ентер.

Можете и да инсталирате цмдер (што је добра опција) да га користите уместо цмд , који је задати Виндовс терминал.

Уз то, у цмдеру морамо извршити следећу команду љуске:

git config --global user.name "our_GitHub_user_name"

Сада унесите своју ГитХуб адресу е-поште:

git config --global user.email "our_GitHub_user_email"

Подешавање вашег ГитХуб приступног кључа

Кад год приступите спремишту преко љуске, морате имати дозволу за приступ. Ово се додељује када се пријавите на свој ГитХуб налог. Али, сваки пут када нешто пошаљете у своје спремиште (репо), морате предати своје акредитиве.

Да бисте то избегли, користите ССХ кључ. Ово је приступни кључ који ГитХуб размењује са оним који је конфигурисан на нашој машини.

Да бисте креирали овај кључ, следите поступак описан у ГитХуб документацији.

Уз све конфигурисано све сте спремни!

ГитХуб-ов ток рада и Терминал

Хајде да подесите правило овде:

Сваки пут када креирате пројекат за проучавање нечега, као што је прављење ХТМЛ странице или игре у командној линији помоћу Ноде.јс или било чега другог, створићете спремиште, клонирати га у машину, радити на њему помоћу грана и направити мале обавезује да ће послати на ГитХуб .

Договор?!

Ово ће вам гарантовати да стекнете неко искуство које ће вам бити потребно за савладавање ових алата.

Па кренимо.

Направите нови пројекат

Вратимо се на вашу ГитХуб страницу и кликните на икону плус (+) на врху странице.

Кликните на Ново спремиште .

Рецимо да креирате пројекат за проучавање ХТМЛ-а, па назовите своје спремиште леарнинг-хтмл . То може бити име странице која се креира или било који пројекат, као што је: цуррицулум-ин-хтмл , литтле-снаке , тиц-тац-тое , или било шта друго , у реду?

Опис пројекта није обавезан. Али мислим да је важно да тамо унесете неки корисни текст, јер ће он идентификовати опсег вашег пројекта. Ако други људи желе да вам помогну, могу укратко да разумеју ваш пројекат кроз опис. У вашем случају можете унети нешто попут спремишта за проучавање ХТМЛ језика .

Требали бисте направити и РЕАДМЕ датотеку и дефинисати врсту лиценце коју ћете користити у пројекту. Погледајте ове добре примере РЕАДМЕ-ова, као и лиценцу за употребу на пројекту.

Датотека РЕАДМЕ потпунији је опис вашег пројекта, па је добро додати тамо неке корисне информације. Пратите примере на линку.

Иако је лиценца необавезна, добра пракса је дефинисати. Лиценца ће рећи шта други људи могу учинити са вашим кодом. МИТ лиценца је једна од најпопуларнијих и омогућава вам (и другима) да радите многе ствари са пројектом. Одвојите мало времена да потражите друге врсте лиценци ако желите.

Креирајте свој радни простор

Када направите спремиште, можете га клонирати на рачунару. Али пре тога, потребно је да направите фасциклу у којој ћете клонирати сва будућа спремишта на којима радите.

Помоћу терминала направите фасциклу која ће бити ваш радни простор . То радите да бисте одржали организован систем, у супротном ћете на крају разбацати своје пројекте (а могли бисте их изгубити баш као што сте изгубили и гифове мачића које сте сачували на рачунару ...).

Под претпоставком да сте цмдер већ инсталирали, сада га можемо отворити (ако нисте, сада је право време) и бићемо у C:/Users/your_computer_name.

Ако нисте на овој путањи, користите наредбу:

cd %home%

Покрените команду mkdir folder_nameда бисте креирали радни простор. На пример:

mkdir workspace

То је то! Сада имате подразумевану фасциклу за своје пројекте и тамо можете да клонирате своја спремишта.

Клонирајте своја спремишта

Клонирање спремишта значи да ћете копирати све датотеке и директоријуме на ГитХуб серверу на свој рачунар да бисте могли радити с њима.

Сада треба да клонирате пројекат који сте креирали на ГитХуб-у у свој радни простор. Да бисте то урадили, идите у фасциклу коју сте управо креирали. На цмдеру откуцајте:

cd workspace\

Савет : ако сте креирали директоријум или желите да приступите оном који већ постоји, можете да почнете да куцате његово име и притиснете ТАБ, а цмдер ће вам аутоматски довршити име.

Уз то, идите на страницу вашег пројекта на ГитХуб-у и добићете везу која вам је потребна за клонирање спремишта.

Веза је у оном зеленом дугмету под називом Клонирај или преузми :

Пређите са ХТТПС на ССХ, јер сте већ конфигурисали приступни кључ на свом налогу.

Сада можете покренути git cloneкоманду и проследити везу коју добијете. Управо тако:

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

И ваше спремиште ће бити клонирано, као на следећој слици:

Можете приступити директоријуму спремишта који је креиран у вашем радном простору када сте га клонирали.

Откуцајте наредбу: cd learning-html/

Пажња : Претпостављам да сте сада у workspaceдиректоријуму. Ако нисте, горња команда неће радити. Користите, cd %home%\workspace\а затим горњу команду.

Направите грану

Сваки пут када промените нешто у пројекту са верзијом Гит-а, требало би да креирате грану са именом задатка на којем радите. Ово вам спречава да упрскате „главни“ код који се налази на главној грани. За ово можете користити следећу команду:

git checkout -b task_name

Грана је као гране дрвета. То је део трупца дрвета. Дакле, можете да унесете промене паралелно са главним делом пројекта, а да то не утиче на њега.

На пример:

Након што то учините, можете аутоматски да пређете у новостворену грану и сада можете кодирати као луд.

Заложите промене

Једном када завршите измену свог пројекта, требало би да извршите промену у свом удаљеном спремишту (оном на ГитХуб-овим серверима).

Да изврши нешто да кажем Гит да се ставља промене у реду да се гура (шаљу) на даљинском спремиште.

Замислите да сте управо креирали ХТМЛ страницу и додали јој неке наслове и текст. Сада имате прву верзију овог документа, па бисте га требали предати.

Да бисте то урадили, покрените неке наредбе тако да Гит схвати да желимо да пошаљемо наше измене и направимо даљински репо. Покрените git add file_nameда кажете Гиту да постави датотеку.

Можете и да покренете git add --allда бисте послали све датотеке у које сте унели неке измене. Помоћу git statusнаредбе можете видети које промењене датотеке ћете предати серверу.

У горњем примеру, индек.хтмл фајл је креирани гит статус команда је покренута да види шта је промењено. Затим је датотека додата са гит адд и поново је покренут гит статус да би се видела која датотека је додата у Гит радни простор.

Уз то сада можете извршити промене. Само покрените наредбу гит цоммит , баш као git commit -m "commit_message". Не заборавите да укључите описну поруку шта је додато у урезивање.

Спајање промена

Након што извршите измене, сада имате грану са модификацијама испред оних у главној грани. То значи да имате другачију верзију пројекта и морате да спојите те промене са главном верзијом пројекта. Пре него што то урадите, проверите које су разлике између грана. На вашој грани извршите наредбу:

git diff master

Резултат ће бити отприлике:

Гит вам показује најновију направљену урезивање, које датотеке су додате или промењене, а такође и шта је промењено.

Будући да знате да имате разлике између ваше гране и главног, морате их спојити да бисте придружили нове урезе које сте направили у својој грани са кодом у главном. Да бисте то урадили, потребно је да одете до главне гране, на цмдеру, и покренете наредбу git merge.

Да бисте се вратили мајстору, трчите git checkout master. Да бисте спојили завезе, покрените git merge our_branch_name.

Гит ће вам показати излаз који потврђује оно што је додато.

Слање на ГитХуб

Након што направите и спојите све промене, сада их можете послати у своје удаљено спремиште на ГитХуб-у.

Ви ћете git push origin masterто учинити.

Такође можете само користити git push. Имаће исти резултат. Али када први пут притиснете промене на свом радном простору, то треба да урадите git push origin masterда би Гит знао да је ваш радни простор порекло гурања.

Сада ће се ваша објава појавити на страници вашег ГитХуб спремишта:

Закључак

У овом упутству сте научили како да направите пројекат на ГитХуб-у тако да можете пратити свој напредак сваки пут када проучавате нешто ново. Ово ће вам помоћи да упознате командну линију (Терминал), Гит наредбе и ГитХуб. Поред тога, то ће вам помоћи да направите леп портфолио који можете показати на разговорима за посао.

Вежбање попут овог такође ће вам помоћи да боље разумете како користити Гит са удаљеним спремиштима (спремишта хостована на некој платформи као што је ГитХуб ). Такође ћете побољшати своје знање и вештине на терминалу.

Не заборавите основна правила која сте поставили:

  • увек креирајте нови пројекат студија
  • рад на гранама
  • завежите промене док не буде време да их гурнете на ГитХуб

Ок? :)

Вратите се овде и следите овај детаљни водич сваки пут кад нешто заборавите!

Зовем се Иаго Родригуес. Стажирам у Бразилу, у граду Белем.

Можете ме пратити на друштвеним мрежама. Увек ми је задовољство помоћи како могу.

Иаго Родригуес (@иагокв) | Твиттер

Најновији твеетови од Иаго Родригуес (@иагокв). Фронт-Енд програмер | Вуе.јс падаван | Нооб о животу. Белем, Брасил твиттер.цом

Да! Знам. Моја твиттер фотографија је нешто ...