Dreamweaver'da Git'i kullanma

Dreamweaver, kaynak kodunu yönetmek için açık kaynaklı dağıtılan bir sürüm denetimi sistemi olan Git'i destekler. Git'in Dreamweaver ile entegrasyonuyla birlikte kodunuz üzerinde bağımsız olarak herhangi bir yerden çalışabilir ve değişikliklerinizi daha sonra merkezi bir Git deposunda birleştirebilirsiniz. Git, bir dosyada yapılan tüm değişiklikleri izlemenize yardımcı olur ve önceki sürümlere dönmenize olanak tanır.

Ayrıca, Git kolayca dallar oluşturmanızı ve dalları korumanızı sağladığından Git depoları ekip olarak çalıştığınızda da kullanışlıdır. Örneğin, siteniz için bir tasarım değişikliği üzerinde çalışmak isteyen bir tasarımcı olabilirsiniz. Aynı zamanda, başka bir ekip üyesi de aynı site için bir değişiklik isteğinde bulunursa Git'i kullanarak her ikiniz de bağımsız olarak çalışabilirsiniz. Bu durumda, ikiniz de ayrı ayrı bir dal oluşturabilir ve değişikliklerinizi ilgili yerel deponuzda yapabilirsiniz. Yerel depo, kaynakta yaptığınız tüm değişikliklerin tam geçmişini içerir. İstediğiniz zaman çalışmanıza ara verip değişikliklerinizi merkezi depo ile birleştirebilirsiniz. Birleştirme işlemi merkezi deponun her zaman değişikliklerinizi içeren en güncel koda sahip olmasını sağlar.

Dreamweaver'da Git'i kullanmaya başlamayı öğrenmek için okumaya devam edin.

Yeni bir Git kullanıcıysanız öncelikle bir Git istemcisi indirmeniz ve bir Git hesabı oluşturmanız gerekir. Git istemcisi, Git'i doğrudan Dreamweaver içinden kullanabilmeniz için gereklidir.

Zaten Git hesabı olan bir kullanıcıysanız hesabınıza giriş yapın. Sisteminize Git istemcisini indirdiğinizden emin olun. 

Dreamweaver'da Git'i kullanmaya başlamak için aşağıdaki adımları gerçekleştirin:

Git Paneli

Git istemcisini varsayılan yapılandırma ayarlarıyla yüklemeniz önerilir. Böylece Dreamweaver, çalıştırılabilir dosyanın yolunu otomatik olarak seçer.

Bundan sonra, Dreamweaver'ı başlatabilir ve sitenizi bir Git deposuyla ilişkilendirebilirsiniz.

Dreamweaver, Git işlemlerini Git paneli aracılığıyla (Pencere > Git) destekler. Dreamweaver kullanıcısı olarak Yürüt, Gönder, Al, Çek gibi yaygın Git işlemlerini gerçekleştirmek için bu paneli kullanabilirsiniz.

Sitenizi Git ile ilişkilendirme

Dreamweaver'da Git'i kullanmaya başlamak için öncelikle Dreamweaver sitenizi bir Git deposuyla ilişkilendirmeniz gerekir. Git deposu, dosya değişikliklerini izlemenize yardımcı olmak için oluşturduğunuz bir klasör gibidir. Bilgisayarınızda dilediğiniz kadar Git deposuna sahip olabilirsiniz. Sisteminizdeki her depo bağımsızdır. Diğer bir deyişle, bir Git deposuna kaydedilen değişiklikler başka bir deponun içeriğini etkilemez.

Web sitenizi bir depoyla ilişkilendirmek için bir depo oluşturabilir veya mevcut bir depoyu klonlayabilirsiniz. Yeni bir depo başlattığınızda veya oluşturduğunuzda geçerli çalışma dizininizde bir .gitignore dosyasıyla birlikte boş bir Git deposu oluşturulur.

Ancak mevcut bir Git deposunu klonladığınızda ana deponuzdaki tüm dosyalar yerel sisteminize klonlanır.

Git deposu başlatma veya depo klonlama için okumaya devam edin.

Git deposu başlatma

Dreamweaver'da Git ile çalışmaya başladığınızda ilk adım bir depo oluşturmaktır. Siteniz için bir Git deposu başlattığınızda, Dreamweaver sitenizle ilişkili dosyaları ekleyebileceğiniz bir Git deposu oluşturursunuz.

Mevcut bir depoyu klonlama

Github veya Bitbucket ya da başka bir popüler barındırma hizmetinde barındırılan mevcut bir Git deposuyla zaten çalışıyorsanız bu depoyu Dreamweaver içinden klonlamak için aşağıdaki yordamı gerçekleştirebilirsiniz. Mevcut bir depoyu klonladığınızda, yerel sisteminizde hedef deponun bir kopyasını oluşturursunuz.

Git'i sürüm denetimi için kullanma

Dreamweaver sitenizi bir Git deposuyla ilişkilendikten sonra Git'te dosyaları Dosyalar panelinden (Git görünümü) görüntüleyebilirsiniz. Git, yerel deponuzdaki dosyaları şu şekilde sınıflandırır:

• İzlenmeyen dosyalar: Git deposunda bir kez dahi yürütmediğiniz dosyalar. Git deposu başlattıktan sonra, siz onları yürütene kadar dosyalar izlenmez.
• Değiştirilmeyen dosyalar: Değiştirilmemiş dosyalardır.
• Değiştirilen dosyalar: Düzenlenmiş dosyalardır.
• Hazırlanan dosyalar: Değiştirilen ve yürütülmeye hazır dosyalardır.

Git'i kullanarak, dosyalardaki değişiklikleri izleyebilirsiniz. Yerel sisteminizdeki dosyaları değiştirdiğinizde bu dosyalar, Dosyalar panelinde farklı bir renkte görünür. Dosyayı çift tıklatıp Kod Görünümü'nde açtığınızda, değiştirilen satırlarda sütun aralığı işaretini de görebilirsiniz. Değişiklikleri eşitlemek için, değiştirilen dosyalarınızı Git'te yürütmeye başlayabilirsiniz.

Dosyalarınızı yürüttüğünüzde Git, her yürütme için günlük mesajları girmenize ve fark özelliğini kullanarak değişiklikleri gözden geçirmenize olanak tanır. Ayrıca sürüm geçmişini her dosya için ve deponun tamamı için görebilirsiniz.

Dreamweaver içinden düzenlemelerinizi izlemeyi ve Git'te değişikliklerinizi uygulamayı öğrenmek için okumaya devam edin.

Git'te düzenlemeleri izleme

Dreamweaver'daki Dosyalar panelinde, FTP görünümünden Git görünümüne geçiş yapmanızı sağlayan Git simgesine dikkat edin. Git görünümüne geçiş yapmak için Git simgesini tıklatın.

Git deposu başlattıysanız ve dosyalarınızı henüz yürütmediyseniz dosyalar izlenmeyen öğeler olarak kalır. Ancak deponuzu başlattıktan sonra dosyalarınızı yürüttüyseniz Git bu dosyaları tanır.

Tüm dosyalarınızı başka bir depodan klonladıysanız dosyalar yine Git tarafından tanınır.

Bir dosyayı değiştirip Kaydet'i tıklattığınızda, Dosyalar paneli değiştirilen dosyaları farklı bir renkte görüntüler. Kod Görünümü'nde değişiklikleri tam olarak görüntülemek için değiştirilen dosyayı çift tıklatın.

Sütun aralığı işareti değişikliklerin yapıldığı satırları belirtir. Yeşil renkli sütun aralığı işaretleri eklenen yeni kodu gösterir. Sarı renkli sütun aralığı işareti değiştirilen kodu gösterir. Kırmızı vurgu içindeki beyaz renkli sütun aralığı işareti ise silinen bir kod satırını gösterir.

Sarı renkli sütun aralığı işaretini tıklattığınızda uygulama kod içindeki değişiklikleri görüntüler. Silinen kod satırı kırmızı renkle görüntülenirken yeni eklenen kod yeşil renkle görüntülenir.

Silinen kod satırlarının sol köşesinde bir R simgesi bulunduğuna dikkat edin. Silinen kodu tekrar dosyanıza eklemek için R simgesini tıklatın.

Farkı görüntülemek ve değişikliklerinizi Git deposuna yürütmeden önce gözden geçirmek için sütun aralığı işaretlerini kullanın.

Değiştirilen dosyalardaki farkı görüntüleme

Git panelini açtığınızda, değiştirilen dosyaların listesini görebilirsiniz. Bu listede bir dosyayı tıklatabilir ve önceki yürütmeden sonra dosyada yapılan değişiklikleri (farkı) görüntüleyebilirsiniz. Dosyadaki farkı görüntülemek için Git panelinde aşağıdakilerden birini yapın:

• Dosya düzeyindeki düzenlemeleri görüntülemek için her dosyayı tek tek tıklatın. Kırmızı vurgular önceki sürümü gösterirken yeşil vurgular da şimdi yaptığınız değişikliği gösterir.
• Farkı görüntülemek istediğiniz dosyayı seçin.  simgesini (Fark simgesi) tıklatın. Değişikliklerin kırmızı ve yeşil olarak vurgulandığı Git Farkı iletişim kutusu görünür.

Değişiklikleri uygulama

Değişiklikleri geri alma

Değişikliklerinizi zaten uyguladıysanız ve bir dosyanın önceki sürümüne dönmek istiyorsanız aşağıdaki işlemi gerçekleştirin:

Etiketler oluşturma

Git'te değişiklikleri her uyguladığınızda etiketler oluşturabilirsiniz. Etiketleri, önemli yürütme işlemlerini işaretlemek için kullanabilirsiniz. Örneğin, müşteriniz tarafından istenen önemli bir değişiklik için bir dosya teslim edebilirsiniz. Etiketler, belirli bir yürütme işlemi için işaretçi işlevi görür.

Dosya geçmişini görüntüleme

Git'te her dosya yürütme işlemi gerçekleştirdiğinizde, yürütme işleminin ayrıntılarını ve dosya geçmişini görüntüleyebilirsiniz. Bu özellik, önemli yürütme işlemlerini ve yürütme işlemleriyle ilişkili etiketleri belirlemenize yardımcı olur.

1. Git panelinde aşağıdakilerden birini yapın:

• Gerekli dosyayı seçin ve  simgesini (Dosya Geçmişini Göster simgesini) tıklatın.
• Dosyalar panelinden dosyayı sağ tıklatın ve Dosya Geçmişi seçeneğini belirleyin.

Sistem, seçili dosyanın Git Dosya Geçmişi'ni görüntüler. Ayrıca bu dosya için yürütme işleminin ayrıntılarını da aynı iletişim kutusundan görüntüleyebilirsiniz.

Depo geçmişini görüntüleme

Git'te bir dosyanın geçmişini görüntülemenin dışında, yaptığınız değişiklikleri de depo düzeyinde görüntüleyebilirsiniz. Depo düzeyinde yapılan tüm değişiklikleri ve yürütme işlemlerini görüntüleyebilirsiniz. Depo geçmişini görüntülemek için şu adımları gerçekleştirin:

Git'i iş birliği için kullanma

Git'in en belirgin özelliklerinden biri dallardır. Git dalı, çoğu sürüm denetimi sisteminden farklı olarak tüm ilişkili dosyalarınızın veya kodunuzun herhangi bir satırıyla eşitlenebilir. Deponuzun varsayılan olarak “ana” adlı bir dalı vardır. Ana dal, ana veya kesin daldır. Ana daldan alt dallar oluşturabilir ve her bir dalda düzenlemeler yapabilirsiniz.

Ayrıca üst dalın bir kopyasını oluşturmak için başka bir daldan bir dal da oluşturabilirsiniz. Aynı Git deposundaki her iki dal üzerinde ayrı ayrı çalışabilirsiniz. Örneğin, siteniz için bir dalda yeni bir özellik üzerinde çalışırken diğer dalda bazı değişiklik taleplerini karşılayabilirsiniz.

Ayrıca Git, geçerli bir dalınızdaki değişiklikleri bir hedef dala dahil etmek isterseniz dalları birleştirmenize olanak tanır. Bu iki dalı birleştirdiğinizde her iki dal da bağımsız olarak var olmaya devam eder. Üst ve hedef dallarla çalışmaya devam edebilirsiniz.

Dreamweaver'da geliştiriciler ve tasarımcılar bir site için birlikte çalıştığında her kullanıcı ana dalın bir alt dalını oluşturabilir ve bağımsız olarak değişiklik yapabilir. Her gerektiğinde, değişikliklerini kolayca bir başka dal ile birleştirebilir ve her iki dal ile çalışmaya devam edebilirler.

Git'te dal oluşturma ve dalları yönetme ile ilgili daha fazla bilgi edinmek için aşağıdaki bölümleri okuyun:

Git'te dallar oluşturma

Dalları birleştirme

Uzak depolar ile çalışma

Git'te uzak depolar, bir projenin başka bir ağda barındırılan sürümleridir. Uzak depolara, depo ile bir bağlantı oluşturarak erişebilirsiniz. Uzak depoda belirtilen erişim haklarına bağlı olarak, bu depoya salt okunur erişiminiz veya yazma erişiminiz olabilir.

Uzak depolar, ekip halinde çalışırken diğer depolarla veri gönderip almanıza yardımcı olur. Dreamweaver Git panelinden bir uzak bağlantı oluşturabilir ve Çek, Git Gönder, Git Al ve Uzaktan Yenile gibi çeşitli Git işlemlerini gerçekleştirebilirsiniz.

Uzak depolar oluşturma ve yönetme hakkında bilgi edinmek için aşağıdaki yordamları okumaya devam edin.

Uzak depo ekleme

Dosyaları ve çalışmanızın ilerleme durumunu paylaşıp başka bir ağda barındırılan proje dosyalarınıza erişmek için bir uzak depo ekleyebilirsiniz. Uzak depo ekleyerek hedef depoyla bir uzak bağlantı kurarsınız. Dreamweaver, Git panelinden uzak depolar oluşturmanıza olanak tanır.

Uzak depo eklemeden önce diğer depoda genel ayarlarının etkinleştirildiğinden emin olun.

Uzak depoları yönetme

Uzak depoyu ekledikten ve bir bağlantı kurduktan sonra dosyaları uzak depodan yerel deponuza çekebilir ve alabilirsiniz. Ayrıca uzak depoya dosyalar da gönderebilirsiniz. Ancak ilk kez bir Git Gönder işlemi gerçekleştirmeden önce ilk olarak uzak depodan dosyaları çekmeniz gerekir.

Dosyalarınızı göndermeyi denemeden önce yerel deponuzdaki tüm dosyalarınızı yürütmeyi unutmayın. Yerel deponuzda hazırlanan dosyalar varsa Git Gönder işlemi başarısız olur. 

Dreamweaver içinden aşağıdaki Git işlemlerini gerçekleştirebilirsiniz:

Tümünü çek

Tüm uzak bağlantılarınızdan bütün dosyaları çekmek için  simgesini tıklatın. Git Gönder veya Git Al işlemi gerçekleştirmeden önce bir Git Çek işlemi gerçekleştirmeniz önerilir. Bu işlem yalnızca uzak sunucudan dosyaları çeker ve yerel deponuzu değiştirmez.

Uzak depodan dosya alma

Tek bir depodan veya bir depo grubundan değişiklikleri alabilirsiniz. Git Al simgesini tıklattığınızda sistem, çeşitli seçenekler ile Git Al iletişim kutusunu görüntüler.

Dosyaları uzak depoya gönderme

Uzak depolarla bağlantı kurduktan sonra, değiştirilen dosyaları değiştirdiğinizde veya yürüttüğünüzde Git bu değişiklikleri kaydeder. Git panelindeki Git Gönder simgesi değiştirilmiş dosyaların sayısını hemen görüntüler. Bu dosyalar artık uzak depoya gönderilebilir.

Git Gönder işlemi gerçekleştirdiğinizde, yerel depoda yaptığınız yürütme işlemleri uzak depoya gönderilir.

Dosyalarınızı Dreamweaver içinden göndermek için:

Git panelinde dosya arama

Git panelindeki Arama çubuğu, dosya adını kullanarak dosya aramanıza olanak tanır. Bu özellik temel olarak sitenizle ilişkili çok sayıda dosyanız olduğunda kullanışlıdır.

Dosya aramak için dosya adını Arama çubuğuna yazmanız yeterlidir. Arama sorgunuzu içeren dosya ya da dosyalar hemen görüntülenir.

Yoksayma listesine dosya ekleme

Git'in bir dosya üzerinde işlem yapmasını istemediğinizde dosyayı .gitignore klasörüne ekleyebilirsiniz. Böylece yürüt, gönder ve al işlemlerinden birini her gerçekleştirdiğinizde Git bu klasörü yoksayar. Deponuzu klonlayan diğer kullanıcıların .gitignore klasörünüzdeki dosyalardan haberdar olması için .gitignore dosyasını deponuza yürütmeniz gerekir.

.gitignore klasörüne dosya eklemek için Dreamweaver'da Dosyalar paneline gidin. Git'in yoksaymasını istediğiniz dosyayı seçip sağ tıklatın ve Git > .gitignore Konumuna Ekle'yi seçin.

Dilediğiniz zaman bir dosyayı .gitignore klasöründen kaldırmak isterseniz dosyayı Dosyalar panelinden seçin. Sağ tıklatın ve Git > .gitignore Konumundan Kaldır'ı seçin.

.gitignore dosyasını değiştirdikten sonra yerel ve uzak depolara yürüttüğünüzden emin olun.

Git'e komut satırından erişme

Bu makalenin önceki bölümlerinde bir Git deposunu sitenizle ilişkilendirmek, uzak bağlantıları oluşturmak ve yönetmek, dosyaları bir depoya göndermek veya bir depodan dosya almak gibi görevleri gerçekleştirmek için Git panelini (Kullanıcı Arabirimi) kullanmayı öğrendiniz. Git komutlarını kullanarak aşağıdaki işlemleri ve daha fazlasını da gerçekleştirebilirsiniz.

Terminali kullanarak herhangi bir Git işlemi gerçekleştirmek için aşağıdakilerden birini yapın:

• Pencere > Git'i tıklatın ve Bash/Terminal Konsolunu Aç simgesini tıklatın.
• Dosyalar panelinden, Git Görünümü'ne geçin. Depolar açılır listesinin yanındaki Git Terminalini Aç simgesini tıklatın.

Yaygın git komutlarını görüntülemek için bkz. Git İpuçları. 

Komut satırından Git deposu başlatma gibi belirli eylemler gerçekleştirdiğinizde, bu eylemler Dreamweaver arabiriminde de yansıtılır.

Ancak dosyaları Dreamweaver uygulaması kapalıyken komut satırını kullanarak da değiştirebilirsiniz. Bu durumda, Dreamweaver'ı bir sonraki başlatışınızda aşağıdaki mesajı görürsünüz:

Dreamweaver'da Git tercihlerini ayarlama

Dreamweaver'daki Git tercihleri, Dreamweaver'da Git'i kullanmak için bazı ayarları tanımlamanıza olanak tanır. Tercihler iletişim kutusunu kullanarak terminal yolu ya da zaman aşımı ayarları gibi Git tercihlerini ayarlayabilirsiniz.