Bagaimana anda boleh belajar Git dan GitHub semasa anda belajar membuat kod

Dalam artikel ini, saya akan memberi anda beberapa petunjuk mengenai cara menjadi ninja Git / GitHub. Sebagai bonus, saya akan menunjukkan kepada anda cara menggunakan Terminal (shell)semasa mengekod. Oleh itu, jika anda seorang pemula, siaran ini akan membantu anda memahami teknologi ini. Dan jika anda sudah menjadi ninja, lihatlah untuk membantu anda mengingat perkara-perkara yang mungkin anda lupakan.

Pengenalan ringkas

Git dan GitHub adalah alat yang sangat penting untuk rutin kita sebagai pembangun perisian. Tetapi, bagaimana kita dapat mempelajarinya seperti yang terdapat di pinggan kita ketika kita mempelajari kod?

Saya Iago Rodrigues, seorang Brazil. Saya pelajar Maklumat Sistem, pelatih pembangun perisian, dan bebas. Saya berada di awal karier saya, dan saya ingin berkongsi beberapa pengetahuan yang saya peroleh dengan anda. Jadi, dapatkan kopi anda dan mari kita hack!

Sekiranya anda seorang pembaca Portugis, sila ke sini.

Anda boleh menggunakan rancangan ini untuk mempelajari bahasa pengaturcaraan seperti JavaScript, Python, Node, dan juga HTML dan CSS. Tidak kira teknologi apa yang anda pelajari - versi kerja anda dengan Git adalah kaedah lalai untuk memprogramkan.

Menyiapkan persekitaran

Sebelum memulakan, kita perlu mengatur persekitaran untuk menyimpan kod dan contoh apa yang kita pelajari.

Untuk melakukan ini, kita mesti melengkapkan beberapa syarat:

  • pasang Git pada mesin kami
  • buat akaun GitHub
  • buat ruang kerja di mesin kami

Sekiranya anda sudah melakukan ini, anda boleh terus ke bahagian aliran kerja GitHub dan bahagian Terminal .

Memasang Git pada mesin anda

Pemasangan git berbeza pada setiap sistem operasi. Lihat laman web rasmi Git untuk mengetahui cara yang sesuai untuk anda.

Tetapi jika anda menggunakan Windows (dan berbahasa Portugis), saya mengesyorkan artikel ini.

Setelah Git dipasang, kita perlu membuat akaun GitHub dan mengkonfigurasinya di mesin kita.

Membuat akaun di GitHub

Untuk membuat akaun, pergi ke laman web GitHub dan isi borang utama.

Saya mengesyorkan agar anda memilih nama pengguna yang sebenar dan bagus di sini supaya anda dapat menggunakan akaun di riwayat hidup atau akaun LinkedIn anda.

Anda perlu memberitahu GitHub rancangan mana yang ingin anda gunakan. Pilih pilihan percuma . Satu-satunya perbezaan ialah anda boleh menyediakan repositori peribadi dengan pelan berbayar.

GitHub akan menanyakan beberapa perkara sebelum menyelesaikan penyediaan akaun anda. Anda boleh menjawabnya sekarang, atau hanya melompat ke skrin seterusnya.

Dengan semuanya selesai, kami dapat memulakan projek kami.

Sebelum kita membuat repositori kita, mari kita siapkan e-mel dan nama pengguna GitHub di mesin kami.

Menyiapkan sistem kami dengan data GitHub kami

Buka Terminal anda. Di Windows, anda harus membuka menu permulaan dan ketik cmd. Kemudian klik enter.

Atau, anda boleh memasang cmder (yang merupakan pilihan yang baik) untuk menggunakannya dan bukannya cmd , yang merupakan Terminal Windows lalai.

Dengan itu, kita harus melaksanakan perintah shell berikut di cmder:

git config --global user.name "our_GitHub_user_name"

Sekarang masukkan alamat e-mel GitHub anda:

git config --global user.email "our_GitHub_user_email"

Menyiapkan kunci akses GitHub anda

Setiap kali anda mengakses repositori melalui shell, anda perlu mendapat kebenaran akses. Ini diberikan semasa anda masuk ke akaun GitHub anda. Tetapi, setiap kali anda menghantar sesuatu ke repositori (repo) anda, anda mesti lulus kelayakan anda.

Untuk mengelakkan ini, gunakan kunci SSH. Ini adalah kunci akses yang ditukar GitHub dengan yang dikonfigurasi pada mesin kami.

Untuk membuat kunci ini, ikuti proses yang digariskan dalam dokumentasi GitHub.

Dengan semua konfigurasi semua, anda boleh pergi!

Aliran kerja GitHub dan Terminal

Mari sediakan peraturan di sini:

Setiap kali anda membuat projek untuk mempelajari sesuatu, seperti membuat halaman HTML atau permainan baris perintah dengan Node.js atau apa sahaja, anda akan membuat repositori, mengklonnya di mesin anda, mengerjakannya menggunakan cawangan, dan membuat kecil komited untuk menghantar ke GitHub .

Berurusan ?!

Ini akan menjamin anda mendapat pengalaman yang anda perlukan untuk menguasai alat ini.

Oleh itu, mari kita mulakan.

Buat projek baru

Mari kembali ke halaman GitHub anda dan klik pada ikon tambah (+) di bahagian atas halaman.

Klik pada repositori Baru .

Katakan anda membuat projek untuk mempelajari HTML, jadi namakan repositori belajar-html anda . Ini mungkin nama halaman yang sedang dibuat atau projek apa pun, seperti: kurikulum-dalam-html , ular kecil , tic-tac-toe , atau apa sahaja , ok?

Penerangan projek adalah pilihan. Tetapi saya rasa penting untuk memasukkan beberapa teks yang berguna di sana, kerana ia akan mengenal pasti skop projek anda. Sekiranya orang lain ingin menolong anda, mereka dapat memahami projek anda secara ringkas melalui penerangan. Dalam kes anda, anda boleh memasukkan sesuatu seperti repositori kajian bahasa HTML .

Anda juga harus membuat fail README, dan menentukan jenis lesen yang akan anda gunakan dalam projek. Lihat contoh README yang baik ini, serta lesen untuk digunakan dalam projek ini.

Fail README adalah penerangan yang lebih lengkap mengenai projek anda, jadi ada baiknya anda meletakkan beberapa maklumat berguna di sana. Ikuti contoh di pautan.

Walaupun lesen itu adalah pilihan, adalah baik untuk menentukannya. Lesen akan menyatakan apa yang boleh dilakukan oleh orang lain dengan kod anda. Lesen MIT adalah salah satu yang paling popular, dan membolehkan anda (dan yang lain) melakukan banyak perkara dengan projek ini. Luangkan sedikit masa untuk mencari jenis lesen lain jika anda mahu.

Buat ruang kerja anda

Setelah membuat repositori, anda boleh mengklonnya di mesin anda. Tetapi sebelum itu, anda perlu membuat folder di mana anda akan mengklon semua repositori masa depan yang anda kerjakan.

Gunakan terminal untuk membuat folder yang akan menjadi ruang kerja anda . Anda melakukan ini untuk mengekalkan sistem yang teratur, jika tidak, anda akhirnya akan menyebarkan projek anda (dan anda mungkin akan kehilangannya seperti kehilangan gif anak kucing yang anda simpan di komputer anda ...).

Dengan andaian bahawa anda sudah memasang cmder, kita sekarang dapat membukanya (jika tidak, sekarang adalah masa yang tepat) dan kita akan berada di C:/Users/your_computer_name.

Sekiranya anda tidak berada di jalan ini, gunakan arahan:

cd %home%

Jalankan arahan mkdir folder_nameuntuk membuat ruang kerja. Sebagai contoh:

mkdir workspace

Itu sahaja! Sekarang anda mempunyai folder lalai untuk projek anda, dan anda boleh mengklon repositori anda di sana.

Klon repositori anda

Mengklonkan repositori bermaksud anda akan menyalin semua fail dan direktori di pelayan GitHub ke mesin anda supaya anda dapat bekerja dengannya.

Sekarang anda perlu mengklon projek yang anda buat di GitHub ke ruang kerja anda . Untuk melakukan ini, pergi ke folder yang baru anda buat. Pada cmder, taip:

cd workspace\

Petua : jika anda membuat folder atau ingin mengakses folder yang sudah ada, anda boleh mula menaip namanya dan tekan TAB, dan cmder akan melengkapkan nama itu secara automatik untuk anda.

Dengan itu, pergi ke halaman projek anda di GitHub dan dapatkan pautan yang anda perlukan untuk mengklon repositori.

Pautan ada di butang hijau bernama Clone atau Muat turun :

Tukar dari HTTPS ke SSH, kerana anda sudah mengkonfigurasi kunci akses di akaun anda.

Sekarang anda boleh menjalankan git cloneperintah dan meneruskan pautan yang anda dapat. Begitu sahaja:

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

Dan repositori anda akan diklon, seperti dalam gambar berikut:

Anda boleh mengakses folder repositori yang dibuat di ruang kerja anda semasa anda mengklonnya.

Taipkan arahan: cd learning-html/

Perhatian : Saya mengandaikan bahawa anda berada di dalam workspacesimpanan sekarang. Sekiranya tidak, arahan di atas tidak akan berfungsi. Gunakan cd %home%\workspace\dan kemudian arahan di atas.

Buat cawangan

Setiap kali anda mengubah sesuatu dalam projek yang diformat dengan Git, anda harus membuat cabang dengan nama tugas yang sedang anda jalankan. Ini mengelakkan anda mengacaukan kod "utama" yang terdapat di cawangan induk . Untuk ini, anda boleh menggunakan arahan berikut:

git checkout -b task_name

A cawangan adalah seperti dahan pokok. Itu adalah bahagian batang pokok. Oleh itu, anda boleh membuat perubahan selari dengan bahagian utama projek tanpa mempengaruhinya.

Sebagai contoh:

Setelah melakukan ini, anda boleh menukar secara automatik ke cawangan yang baru dibuat dan dapat membuat kod seperti orang gila sekarang.

Lakukan perubahan

Sebaik sahaja anda menyelesaikan perubahan pada projek anda, anda harus melakukan perubahan pada repositori jauh anda (yang ada di pelayan GitHub).

Untuk melakukan sesuatu adalah memberitahu Git bahawa anda meletakkan perubahan dalam barisan untuk didorong (dihantar) ke repositori jauh anda.

Bayangkan bahawa anda baru sahaja membuat halaman HTML dan menambahkan beberapa tajuk dan teks padanya. Anda mempunyai versi pertama dokumen ini sekarang, jadi anda harus melakukannya.

Untuk melakukan ini, jalankan beberapa arahan supaya Git memahami bahawa kami ingin menghantar perubahan kami melakukan repo jarak jauh. Jalankan git add file_nameuntuk memberitahu Git untuk mementaskan fail.

Sebagai alternatif, anda boleh menjalankan git add --alluntuk menghantar semua fail yang anda buat beberapa perubahan. Dengan git statusperintah tersebut, anda dapat melihat fail yang mana yang akan anda komited ke pelayan.

Dalam contoh di atas, fail index.html telah dibuatdan arahan status git dijalankan untuk melihat apa yang diubah. Kemudian fail tersebut ditambahkan dengan git add dan status git dijalankan lagi untuk melihat fail mana yang ditambahkan ke ruang kerja Git.

Dengan itu anda kini dapat melakukan perubahan. Hanya menjalankan git melakukan perintah, seperti git commit -m "commit_message". Ingatlah untuk memasukkan mesej deskriptif mengenai apa yang ditambahkan ke dalam komit.

Menggabungkan perubahan

Setelah melakukan perubahan, anda kini mempunyai cawangan dengan pengubahsuaian lebih awal daripada yang ada di cawangan induk . Ini bermaksud anda mempunyai versi projek yang berbeza, dan anda perlu menggabungkan perubahan tersebut dengan versi utama projek. Sebelum melakukan itu, sahkan apakah perbezaan antara cawangan. Di cawangan anda, lakukan arahan:

git diff master

Hasilnya akan seperti:

Git menunjukkan kepada anda komitmen terbaru yang dibuat, fail mana yang ditambahkan atau diubah, dan apa yang diubah juga.

Oleh kerana anda tahu bahawa anda mempunyai perbezaan antara cawangan dan master anda, anda perlu menggabungkannya untuk bergabung dengan komit baru, yang anda buat di cawangan anda, dengan kod di master. Untuk melakukan ini, anda perlu pergi ke cawangan induk, pada cmder, dan jalankan perintah git merge.

Untuk kembali ke tuan, jalankan git checkout master. Untuk menggabungkan komit, jalankan git merge our_branch_name.

Git akan menunjukkan kepada anda output yang mengesahkan apa yang ditambahkan.

Menghantarnya ke GitHub

Setelah anda membuat dan menggabungkan semua perubahan, anda kini boleh menghantarnya ke repositori jauh anda di GitHub.

Anda akan gunakan git push origin masteruntuk melakukan ini.

Anda juga boleh menggunakan git push. Ia akan mendapat hasil yang sama. Tetapi apabila anda mendorong perubahan untuk pertama kalinya di ruang kerja, anda perlu melakukannya git push origin masteragar Git mengetahui bahawa ruang kerja anda adalah asal tolak.

Sekarang komitmen anda akan muncul di halaman repositori GitHub anda:

Kesimpulannya

Dalam tutorial ini, anda belajar bagaimana membuat projek di GitHub sehingga anda dapat mengesan kemajuan anda setiap kali mempelajari sesuatu yang baru. Ini akan membantu anda mengenal baris perintah (Terminal), perintah Git, dan GitHub. Selain itu, ia akan membantu anda membuat portfolio yang bagus yang dapat anda tunjukkan dalam temu ramah pekerjaan.

Berlatih seperti ini juga akan membantu anda memahami dengan lebih baik cara menggunakan Git dengan repositori jauh (repositori yang dihoskan di beberapa platform seperti GitHub ). Anda juga akan meningkatkan pengetahuan dan kemahiran anda di Terminal.

Jangan lupa peraturan asas yang anda tetapkan:

  • sentiasa membuat projek kajian baru
  • bekerja di cawangan
  • lakukan perubahan sehingga tiba masanya untuk mendorongnya ke GitHub

Okey? :)

Kembali ke sini dan ikuti panduan langkah demi langkah ini setiap kali anda melupakan sesuatu!

Nama saya Iago Rodrigues. Saya seorang pekerja magang di Brazil, di bandar Belem.

Anda boleh mengikuti saya di media sosial. Selalu senang membantu dengan apa yang saya boleh.

Iago Rodrigues (@iagokv) | Twitter

Tweet terbaru dari Iago Rodrigues (@iagokv). Pembangun Bahagian Depan | Vue.js padawan | Noob mengenai kehidupan. Belém, Brasil twitter.com

Yeah! Saya tahu. Foto twitter saya adalah sesuatu ...