7 Tem 2022 4 min read git

VS Code ile Git ve Github Kullanımı

Git ve Github

Git, bir sürüm kontrol ve kaynak kod yönetim sistemidir. Yapacağınız projelerin adım adım versiyonlarının kopyalarını alarak daha sonra ihtiyaç duymanız halinde bu kopyalara erişim sağlayıp düzenleme yapabilirsiniz.

Github, sürüm kontrol sistemi olarak git kullanan bir depolama servisidir. Yazılım geliştirme projeleri için kullanılır, web tabanlıdır.

Gerekli Ortamların Kurulması

Konumuza geçmeden önce gerekli programları indirmemiz gerekli. Öncelikle VS Code ile başlayalım. VS Code içerisinde gömülü olarak git kontrolü sunduğu için bize bir çok kolaylık sağlayacak. Bunu kullanabilmek için bilgisayarımıza VS Code editörünün yanında git programını indirmeliyiz ve bir Github hesabı oluşturmalıyız.

VS Code : https://code.visualstudio.com/

Git : https://git-scm.com/

Github : https://github.com/signup?source=login

! Bunları indirdikten sonra terminal ya da komut satırı üzerinden bir kaç ayarlama yapmamız gerekiyor. Terminalinizi açın ve şu komutları girin:

git config — global user.name “BURAYA ADINIZI GİRİNİZ”
git config — global user.email “BURAYA MAIL ADRESINIZI* GIRIN”

*Mail adresiniz Github’a kaydolurken kullandığınız mail adresi olmalı.

VS Code ile Git ve Github Kullanımı

1. Commit İşlemleri

a. Öncelikle git özelliği eklemek istediğimiz projemizi VS Code ile açalım. Ben örnek bir klasör oluşturdum ve bu klasörü açtım.

b. Daha sonra sol tarafta bulunan “Source Control” bölümüne girmemiz lazım. Git işlemlerimizi buradan yapacağız. Projemize git özelliği kazandırmakla başlayalım. Bu bölüme girdikten sonra karşımıza iki adet buton çıkıyor. Bunlardan biri “Initialize Repository”, diğeri ise “Publish to Github”. Initialize Repository, git komutlarından initkomutuna karşılık gelir. Bu butona tıklayarak projemize git özelliği kazandırabiliriz. Publish to Github butonu ise projemizi Github’a yayınlamamızı sağlar. Şu an bunu istemiyoruz. Bu yüzden Initialize Repository butonuna tıklayarak işlemlerimize devam edelim.

c. Artık projemiz initialize edildi. Şimdi birkaç dosya oluşturalım ve bunların commit, branch gibi işlemlerini yapmaya çalışalım. Bir index.html dosyası ekledik ve gördüğünüz gibi sol taraftaki source control kısmında bir hareketlenme oldu. Üstünde yapılan değişiklik sayısı yazıyor. 1 adet değişiklik yapıldığı için üzerinde 1 yazıyor. Buraya girelim ve neler yapabileceğimize bir bakalım.

2. Branch İşlemleri

Branch oluşturmak kısaca klasörümüzün bir kopyasını oluşturmaktır. İstediğimiz zaman bu branchlar arasında geçiş yapabiliriz. Bir değişiklik yapıp bunu denemek istiyorsak yeni bir branch ekleyip burada deneme yapabiliriz. Bu orijinal kodumuzu bozmaz, değiştirmez. Eğer yaptığımız değişiklik hoşumuza gitmezse bir önceki branch’a dönüp işlemlerimize devam edebiliriz.

Yeni bir branch oluşturmak için sol alt tarafta bulunan mevcut branch’ımızın ismine bir kez tıklayalım. Eğer herhangi bir değişiklik yapmadıysanız ilk oluşan branch’ın ismi master olacaktır.

Gördüğünüz üzere buraya tıklayınca karşımıza 3 seçenek çıktı. Buradan create new branch diyelim ve branch’ımıza bir isim verelim. Ben “ver_2” ismini vereceğim. Yeni branch’ımızı yine sol altta görebiliriz ve tekrar master branch’ına gitmek istersek ver_2’ye tıklayarak eski branch’ımızı yani master’ı seçmemiz gerekiyor.

Yapılan değişikliklerin bir önceki branch’ı etkilemediğini görmek için burada bir css klasörü oluşturup içine style.css dosyası oluşturalım.

Bu değişiklikleri yaptık ve dosyalarımızı commit edebiliriz. Mesajımızı yazıp commit ediyoruz.

Gördüğünüz gibi ver_2’de css dosyalarımız görünüyorken master’da herhangi bir css klasörü veya dosyası gözükmüyor.

3. Projemizi Github’a Yükleme

Geldik en kolay kısma, bu kısımda tek yapmamız gereken source control kısmından sync diyerek projemizi Github’a yüklemek. Bu butona tıkladıktan sonra VS Code sizden Github üzerinde oturum açmanız gerektiğini söyleyebilir. Oturum açtıktan sonra projenizi private olarak mı public olarak mı yüklemek istediğinizi sorar. Buradan istediğinizi seçerek işlemlerinize devam edebilirsiniz.

! Eğer commit edilmemiş branchlar mevcut şeklinde uyarı alırsanız tamam diyerek devam edebilirsiniz.