Resim

VS Code Timeline (Zaman Çizelgesi)

VS Code Timeline (Zaman Çizelgesi)

Bir yazılımcının en büyük kabusu nedir? Saatlerce uğraştığı kodu "yanlışlıkla" silmek, üzerine yazmak ve Ctrl + Z (Geri Al) tuşunun artık o noktaya kadar gitmediğini fark etmektir.

Genellikle bu durumlar için Git kullanıyoruz. Ancak her "Ctrl + S" (Kaydet) yaptığımızda commit atmıyoruz. Peki, iki commit arasındaki o gri alanda kaybolan kodlar ne olacak? İşte burada VS Code’un yerleşik Timeline (Zaman Çizelgesi) özelliği devreye giriyor.

Bu yazıda, hiçbir eklenti kurmadan kodunuzun eski sürümlerine nasıl döneceğinizi, Timeline panelini nasıl kullanacağınızı ve arka planda işlerin nasıl yürüdüğünü anlatacağım.

1. Timeline (Zaman Çizelgesi) Nedir?

Timeline, VS Code'un içinde gömülü gelen, üzerinde çalıştığınız dosyanın tarihçesini tutan bir paneldir. Bu panel şunları otomatik olarak kaydeder:

  • Dosya Kayıtları: Dosyayı her kaydettiğinizde (Ctrl + S) oluşturulan anlık görüntüler.

  • Git Commitleri: Eğer proje Git'e bağlıysa, attığınız commitler.

  • Test Sonuçları: Test çalıştırdıysanız çıktıları.

Bu sayede Git kullanmasanız bile, dosyanızın 1 saat önceki haline tek tıkla ulaşabilirsiniz.

2. Timeline Paneli Nerede ve Nasıl Açılır?

Varsayılan olarak bu panel, Dosya Gezgini'nin (Explorer) en alt kısmında bulunur.

Eğer göremiyorsanız:

  1. Sol taraftaki Explorer (Dosya Gezgini) sekmesine tıklayın.

  2. Açık olan dosyalar listesinin (Open Editors) en altına bakın. "Timeline" başlığını göreceksiniz.

  3. Hâlâ yoksa; Explorer başlığına veya kenar çubuğuna sağ tıklayın ve listeden Timeline seçeneğini işaretleyin.

3. Timeline Araç Çubuğu ve Düğmeler

Timeline panelinin sağ üst köşesinde küçük ikonlar (düğmeler) bulunur. Bunların ne işe yaradığını bilmek, paneli verimli kullanmanızı sağlar:

  • 📌 Raptiye (Pin): Normalde Timeline, o an hangi dosyaya tıklarsanız onun geçmişini gösterir. Raptiyeye basarsanız, siz başka dosyaya geçseniz bile Timeline o anki dosyanın geçmişini göstermeye sabitlenir.

  • 🔄 Yenile (Refresh): Eğer harici bir değişiklik olduysa (örneğin Git ile terminalden işlem yaptıysanız) listeyi günceller.

  • Y Huni (Filter): En önemli kısımdır. Buraya tıkladığınızda nelerin gösterileceğini seçebilirsiniz:

    • Git History: Git commitlerini göster/gizle.

    • Local History: Sadece yerel kayıtları (Ctrl+S) göster/gizle.

4. Eski Bir Kaydı Nasıl Geri Yükleriz?

Kodunuz bozuldu ve 10 dakika önceki haline dönmek istiyorsunuz. Adımlar çok basit:

  1. Timeline listesinde, geri dönmek istediğiniz saati bulun (Örn: "Saved 15 mins ago").

  2. Üzerine tıklayın. VS Code size bir Diff (Karşılaştırma) ekranı açar.

    • Sol Taraf: Seçtiğiniz eski versiyon.

    • Sağ Taraf: Dosyanın şu anki hali.

  3. Eski kodu geri almak için iki yönteminiz var:

    • Yöntem 1 (Kopyala-Yapıştır): Sol taraftan ihtiyacınız olan kod bloğunu kopyalayıp sağ tarafa yapıştırın.

    • Yöntem 2 (Tamamen Geri Dön): Timeline listesindeki öğeye Sağ Tıklayın ve "Restore Contents" (İçeriği Geri Yükle) deyin. Bu işlem, dosyanın tamamını o eski versiyonla değiştirir.

5. Teknik Detay: Bu Kayıtlar Nerede Tutuluyor?

VS Code, bu yerel geçmişi projenizin içine değil, bilgisayarınızdaki genel kullanıcı dizinine kaydeder. Bu, projeyi silseniz bile geçmişin bir süre daha bilgisayarınızda kalabileceği anlamına gelir (ancak dosya yolu değişirse eşleşme kaybolabilir).

Kayıt Yolları (Global Storage):

  • Windows: %APPDATA%\Code\User\History

  • macOS: ~/.config/Code/User/History veya ~/Library/Application Support/Code/User/History

  • Linux: ~/.config/Code/User/History

Bu klasörün içine girdiğinde karşına anlamsız isimli (örn: a1b2c3d4...) bir sürü klasör çıkacak. VS Code bunları kendi veritabanı mantığıyla yönetir.

Kayıt yolu Bulmak(Windows): 

  • Yöntem 1: Çalıştır Komutu ile
    • Klavyeden Windows Tuşu + R tuşlarına aynı anda bas. (Sol altta "Çalıştır" kutusu açılır).
    • Kutucuğa aynen şunu yapıştır: %APPDATA%\Code\User\History
    • Tamam'a bas.
    • Karşına karmaşık isimli klasörlerin olduğu bir pencere açılacak. İşte burası VS Code'un hafızası!
  • Yöntem 2: VS Code İçinden Açmak
    • Eğer Windows yolunu bulamazsan, VS Code'a "Beni kendi evine götür" diyebilirsin.
    • VS Code açıkken Ctrl + Shift + P ile komut paletini aç.
    • Arama çubuğuna şunu yaz: Open User Data Folder (Türkçe kullanıyorsan: Kullanıcı Veri Klasörünü Aç gibi çevrilebilir ama genelde İngilizce aratınca çıkar).
    • Açılan klasörde History yazan klasörü bul ve içine gir.
  • Yöntem 3: Manuel Olarak Bulmak
    • Eğer elle gitmek istiyorsan Windows ayarını değiştirmen gerekir:
    • Herhangi bir klasörü aç.
    • Üst menüden Görünüm (View) sekmesine tıkla.
    • Gizli Öğeler (Hidden items) kutucuğunu işaretle.
    • Şimdi şu yolu takip et: C: -> Kullanıcılar (Users) -> [Senin Kullanıcı Adın] -> AppData -> Roaming -> Code -> User -> History

VS Code'un Timeline özelliği, Git kullanın veya kullanmayın, her yazılımcının "emniyet kemeridir". Bir dahaki sefere kodunuzu yanlışlıkla sildiğinizde paniğe kapılmayın, sadece Timeline'a bir göz atın.

Yorumlar

Bu blogdaki popüler yayınlar

Python random Modülü

Yazılım Nedir?

Python print()