VS Code ile Git ve GitHub’a Sıfırdan Başlama Rehberi

Geliştiriciler için en büyük zorluklardan biri, projelerini hem yerel olarak hem de GitHub gibi platformlarda verimli bir şekilde yönetmektir. Visual Studio Code (VS Code), Microsoft’un ücretsiz olarak sunduğu ve Git entegrasyonuna sahip bir kod editörüdür. Bu editör sayesinde, Git komutlarını kullanmadan da kaynak kodu depolama, dal (branch) yönetimi ve değişiklikleri GitHub’a gönderme işlemlerini hızlıca gerçekleştirebilirsiniz.

Bugün, VS Code’un sunduğu bu yerleşik araçlarla nasıl çalışabileceğinizi adım adım keşfedeceğiz. Projenizi başlatmaktan dal oluşturup değişiklikleri kaydetmeye kadar tüm süreci kolayca tamamlayabileceksiniz — tümü editörün içinde kalınarak ve karmaşık komut satırlarına ihtiyaç duymadan.

Neden VS Code ve Git’in Birlikte Kullanılması Gerekiyor?

GitHub, yalnızca kodunuzun kopyalarını barındıran bir platformken, Git bu kodun versiyon kontrolünü yöneten bir araçtır. Git komutlarını komut satırından kullanabileceğiniz gibi, VS Code’un arayüzünden de yönetebilirsiniz. VS Code’un sunduğu Source Control (Kaynak Kontrol) bölmesi, GitHub’a entegre olarak çalışır ve geliştiricilere kolaylık sağlar.

Bu entegrasyonun en büyük avantajı, bağlam değiştirmeyi azaltmasıdır. Geliştiriciler genellikle kod yazarken, terminalde komutları çalıştırırken ve ardından GitHub’a değişiklikleri gönderirken zaman kaybederler. VS Code, tüm bu işlemleri aynı ekranda gerçekleştirmeyi mümkün kılarak verimliliği artırır.

İlk Adım: Projenizi Bir Git Deposuna Dönüştürmek

VS Code ile Git kullanmaya başlamadan önce, iki temel yazılımın yüklü olduğundan emin olun:

• Git (versiyon kontrol sistemi)
• Visual Studio Code (kod editörü)

Eğer Git’in nasıl kurulacağını hatırlamak istiyorsanız, GitHub’un daha önceki rehberlerinden faydalanabilirsiniz. Artık hazırsanız, aşağıdaki adımları takip ederek projenizi bir Git deposuna dönüştürebilirsiniz.

1. VS Code’u açın ve sol kenar çubuğundaki Explorer simgesine tıklayın (üst üste duran iki dosya simgesi).
2. Open Folder (Klasörü Aç) seçeneğine tıklayın ve GitHub’a yüklemek istediğiniz kodu içeren klasörü seçin.
3. Source Control simgesine tıklayın (varsayılan olarak üçüncü sırada bulunur).
4. Initialize Repository (Depoyu Başlat) butonuna tıklayın.

Bu adımın ardından, arayüzünüzde birkaç önemli değişiklik göreceksiniz:

• Sol alt köşede varsayılan olarak main olarak adlandırılan dal adı görünecektir.
• Bu dalın adını değiştirmek için Command Palette’i açmanız gerekir. Bunun için:
• Mac’te Shift + Command + P, Windows/Linux’ta Ctrl + Shift + P tuş kombinasyonunu kullanın.
• Açılan komut listesinde "rename" (yeniden adlandırmak) yazmaya başlayın ve Git: Rename Branch seçeneğini seçin.
• Yeni dal adını girin ve Enter tuşuna basın.

Artık dal adının değiştiğini sol alt köşeden görebilirsiniz. Aynı adımları izleyerek dalı tekrar main olarak adlandırabilirsiniz.

Değişiklikleri İzleme ve Depoya Ekleme

Projeniz ilk kez başlatıldığında, Source Control panelinde yer alan dosyaların yanında "U" (Untracked / Takipsiz) ibaresi göreceksiniz. Bu, dosyanın yeni veya değiştirilmiş olduğunu, ancak henüz depoya eklenmediğini gösterir.

Bir dosyayı izlemeye almak için:

• Dosyanın yanındaki artı (+) simgesine tıklayın.
• Tüm dosyaları aynı anda izlemek için CHANGES (Değişiklikler) başlığının yanındaki artı simgesine tıklayın.

Dosya(lar) artık "A" (Added / Eklenen) olarak görünmeye başlar. Bu, dosyanın izlenmeye alındığını, ancak henüz GitHub’a gönderilmediğini gösterir. Değişiklikleri kaydetmek için:

1. Source Control panelinin en üstündeki metin kutusuna bir commit mesajı girin. Örneğin: "İlk dosya eklemesi".
2. Alternatif olarak, Copilot’un otomatik olarak commit mesajı oluşturmasını sağlayabilirsiniz.
3. Commit butonuna tıklayın.

İşte bu kadar! Değişiklikleriniz artık yerel olarak kaydedildi.

Yeni Dal Oluşturmak ve Değişiklikleri Yönetmek

Varsayılan olarak main dalında çalışıyorsunuz. Yeni bir özellik eklerken veya büyük bir değişiklik yaparken, yeni bir dal oluşturmak en iyi uygulamadır. Bu sayede ana dalı bozulmamış olarak tutabilir ve diğer dalda denemeler yapabilirsiniz.

Yeni bir dal oluşturmak için:

1. Command Palette’i açın (Shift + Command + P / Ctrl + Shift + P).
2. "create branch" (dal oluştur) yazarak Git: Create Branch… seçeneğini seçin.
3. Yeni dalın adını girin (örneğin, feature-login).
4. Enter tuşuna basın.

VS Code otomatik olarak yeni dala geçecektir. Sol alt köşeden dal adını doğrulayabilirsiniz.

Artık dalda çalışmaya başlayabilirsiniz. Bir dosyada değişiklik yaptığınızda, editörün sağ tarafında bulunan gutter (kenar çubuğu) alanında şu işaretlemeleri göreceksiniz:

• Yeşil çizgi: Yeni satır eklendi.
• Mavi çizgi: Mevcut satırda değişiklik yapıldı.
• Kırmızı ok: Satır silindi.

Bu değişiklikler otomatik olarak Source Control panelinde CHANGES başlığı altında listelenecektir. Dosyanın üzerine geldiğinizde, değişiklikleri görüntülemek, reddetmek veya izlemeye almak için çeşitli seçenekler göreceksiniz.

Değişiklikleri GitHub’a Göndermek (Push)

Değişikliklerinizi yerel olarak kaydettikten sonra, bunları GitHub’a göndermek için:

1. Source Control panelinde CHANGES başlığının altında yer alan dosyaları inceleyin.
2. İzlemeye alınmamış dosyalar varsa, artı (+) simgesine tıklayarak onları ekleyin.
3. Commit mesajını girin ve Commit butonuna tıklayın.
4. Commit işlemi tamamlandıktan sonra, Push (Gönder) butonuna tıklayın.

VS Code, değişikliklerinizi bağlı olduğunuz GitHub deposuna otomatik olarak gönderecektir. Artık kodunuzu GitHub üzerinden diğer geliştiricilerle paylaşabilir ve işbirliği yapabilirsiniz.

Daha önce komut satırından Git kullanıyorsanız, VS Code’un sunduğu bu yerleşik araçların ne kadar zaman kazandırabileceğini göreceksiniz. Git ve GitHub’ı VS Code ile kullanmak, geliştirme sürecini basitleştirirken aynı zamanda hata yapma olasılığını da azaltır. Bu basit adımları takip ederek, projenizi daha düzenli, izlenebilir ve paylaşılabilir hale getirebilirsiniz. VS Code’un sunduğu bu entegrasyonu keşfetmeye devam edin ve geliştirme deneyiminizi bir üst seviyeye taşıyın.