Master versiyonu kontrolü

Sep 10, 2025
Nasıl Yapılır
Version control

Uzaktan çalışma, son birkaç yılda web geliştirmede çok daha yaygınlaşmıştır. Sürüm kontrolünden önce, uzaktan aynı kalkınma projesinde çalışmak mutlak bir kabus olurdu. Geliştiriciler zorunda kalacaklardı büyük dosyaları gönder birbirlerine (muhtemelen e-posta yoluyla), geri göndermeden önce kendi kodlarını yapıştırın. Ne eklendiğini ve ne zaman olduğunu takip etmenin gerçek bir yolu yoktu.

  • 6 Genç Web Geliştiricileri için Becerileri Olmalı

Neyse ki, versiyon kontrolü geldi ve tüm cephelerde gelişme yaptı. Web projeleri, özellikle uzak bir geliştirme ekibinde çalışmak söz konusu olduğunda, uygulanması ve yönetilmesi çok daha kolay hale geldi. Artık bir web sitesinin şu anki sürümü hakkında endişelenmenize gerek yok - her takım üyesi herhangi bir zamanda herhangi bir dosyada çalışmakta özgür, bir dosyanın en son sürümünün depolandığı konusunda hiçbir karışıklık yok - ve üst Bulut depolama İşlemde de yardımcı olur.

Bu eğitimde, kullanıyoruz Github Kodumuzu yönetmek için. Bitbucket ve TFVC gibi çok sayıda farklı sürüm kontrol aracı vardır, ancak hepsi farklı olmalarına rağmen, ilkeler kod yönetimi söz konusu olduğunda aynı kalır.

Sitenizin oluşturulmasını kolaylaştırmanın daha fazla yolu için, rehberlerimizi en üste bakın. Web Sitesi Oluşturucu ve ağ sağlayıcısı hizmet.

Dallanma modeli

İlk olarak, gelişim ve dağıtım işlemini sorunsuz bir şekilde çalıştırmak için herhangi bir takımda çalışırken başarılı bir dallanma modeline sahip olmak çok önemlidir. Aynı projede çalışan birden fazla geliştiriciye sahip olacaksınız. Uzak bir işgücüyle çalışırken, en iyi iş akışının üç ana daldan ve bir dizi geçici olandan oluştuğuna inanıyorum:

  • Şube geliştirmek: Her kod satırı müşteri tarafından test edilmiş ve onaylanmıştır.
  • Evreleme Şubesi: Bu, doğrulama ortamına karşılık gelecektir.
  • Serbest bırakma şubesi: Bu, web sitenizin son sürümünü üretimde içerir.

Ayrıca bir dizi özellik şubesi olacak. Ancak, bunlar başlangıçta yeni özellikleri oluşturmak için geçici olacaktır.

Bir projede birden fazla geliştirici

Version control: Branching model

En iyi iş akışı üç ana daldan oluşur: geliş, evreleme ve serbest bırakma

Uzaktan çalışan iki geliştiriciyle bir takım çalıştırmanızı varsayalım. Onlara Sarah ve James diyeceğiz: İkisi de bir müşteri için aynı e-ticaret web sitesinde çalışıyorlar. Sarah, müşteri ayrıntılarını kaydeden bir özellik geliştirmelidir.

Bunu üç ayrı kullanıcı hikayesi içine kırardık - ekleme, düzenleme ve kaldırma - ve ardından bu üç bileti Sprint Backlog'a ekleriz.

Özellik şubeleri

Version control: Feature branches

Müşteri detayları özelliğinin gelişimi için bir özellik şubesi ekleme ve ayrıntılar ekleme görevi için bir kullanıcı hikayesi şubesi ekleme

Öyleyse, Sarah'ın Müşteri Detayları Ekleme bölümünde başladığını söyleyelim. 'Müşteri-Ayrıntıları' özellik şubesinin 'Müşteri Ayrıntıları'nı' ve birinci görev 'eklentileri' için bir kullanıcı hikayesini oluşturması gerekir.

 GIT Checkout gelişimi ve amp; Git Çekme Kökeni / Geliştirme
GIT Checking -B Özelliği / Müşteri Detayları
Git Checkout -B Eklentileri 

Sarah, geçici şube 'eklenti' adresinde yerel olarak çalışmaya devam eder ve geliştiği için çalışmasını taahhüt ederdi. Şimdi, James'in Müşteri Detayları ile Sarah'a yardım etmek istediğini söyleyelim, bu yüzden detaylar silme işleminde çalışmaya başlar.

James, paylaşılan şubenin son sürümünü çeker ve 'silme detayları' kullanıcı hikayesi için yeni bir dal oluşturur. Sonra Sarah'ın kodunun üzerine yazılmadan endişelenmeden kendi eklerini yapmaya başlayabilir.

 GIT Checkout özelliği / Müşteri detayları
Git Çekme Kökenli / Özellik / Müşteri Detayları
GIT Checkout -B Sil Ayrıntıları 

Ayrıca geçici dalını yerel olarak kodlamaya ve herhangi bir değişiklik yapmasını sağlayacak. Sarah, yerel olarak özelliğini bitirdikten sonra, bileti kod incelemesine sokar. Kodunu evreleme dalına iterdi ve evreleme ortamıyla bir çekme talebi açacaktı.

// kodunu evreleme şubesine iter.
Git Push Kökeni Eklenti Ayrıntıları
// evreleme ortamıyla bir çekme talebi açıyor
Git İstek-Çekme Aşama Eklentileri 

Artık müşteri ayrıntılarının özellik şubesine ve iki kullanıcı hikayesi geliştirmede 'Eklentiler' ve 'Sil Ayrıntıları' ile ilgili iki kullanıcı hikayesi var.

Birleşme

Version control: Adding new branch

Kullanıcı hikayesi için yeni bir dal oluşturmak, başka bir kişinin kodunun üzerine yazmadan endişelenmeden eklemeleri yapmanıza olanak tanır.

Kodu incelendiğinde, dalını evrelemeye birleştirebilir. Bilet şimdi, önündeki geliştiricinin doğrulanmasını bekleyen doğrulama sütununda.

 // evreleme şubesinin son sürümünü alır
GIT Checkout sahneleme ve amp; & amp; Git Çekme Kökeni / Evreleme
Git Birleştirme Ekleme Ayrıntıları ve AMP; git itme kökenli sahneleme
// doğrulama ortamını oluşturuyor
// ve ürün sahibinden doğrulamasını ister 

Sarah'ın çalışması doğrulandıktan sonra, bilet bitirilmiş sütuna taşınabilir. Çalışmalarını Özellik Şubesine birleştirebilir ve müşteri bilgilerinin silinmesi gibi başka bir kullanıcı hikayesine başlayabilir.

 // Özellik şubesinin son sürümünü çeker
Git Checkout Özelliği / Müşteri Detayları
Git Çekme Kökenli Özelliği / Müşteri Detayları
Git Merge Address & AMP; & amp; Git Push Kökenli Özelliği / Müşteri Detayları 

Tüm özellik hem kurşun geliştirici hem de müşteri tarafından onaylandığında, Sarah, uzun süredir devam etmeye hazır olduğu gibi, özellik şubesini gelişmeye birleştirebilir.

 // gelişme şubesinin son sürümünü alır.
GIT Checkout gelişimi ve amp; & amp; Git Çekme Kökeni / Geliştirme
Git Birleştirme Özelliği / Müşteri Ayrıntıları ve Amp; & Amp; Git itme kökenli gelişir 

Üretime Dağıtma

Version control: Deployment

Açılmaya hazır olduğunuzda, birleştirme, dağıtımı serbest bırakmak ve başlatmak için gelişir.

Hepsi tamamlandıktan sonra ve üretime ayrılmaya hazır olan James birleşiyor, konuşlandırmayı serbest bırakır ve açılır. Bu noktada, tüm kodların doğru olduğunu ve müşterinin mutlu olduğunu bilecekti. Her sürümün tarihini almak için serbest bırakmanın taahhüdünü etiketler.

 GIT Checkout gelişimi ve amp; Git Çekme Kökeni / Geliştirme
GIT Checkout Release & Amp; & amp; Git Çekme Kökeni / Sürüm
Git Merge Geliştirme ve Amp; & Amp; git etiketi 2.1
Git itme kökenli yayın - TAGS 

Bu iş akışı için takip edilecek kurallar

Bu uzaktan geliştirme iş akışı ilk başta anlamak oldukça zor olabilir, ancak ekibinizin bu yöntemle çalışmasını sağlarsanız, o zaman, üzerine yazılan dosyalar veya aynı alanda çalışan geliştiricileriniz hakkında paniğe gerek kalmadan ücretsiz bir çalışma akışınız var.

Hatırlanması gereken bazı önemli şeyler var:

  • Uzak geliştiricilerinizi öğretmeniz gereken ilk şey, sürümün kontrolü iş akışınızdır ve hepsi aynı kitaptan okuduklarından emin olun.
  • Bir özellik geliştiriyorsanız, bunu daha küçük kullanıcı hikayelerine bölmeyi deneyin. Bu şekilde her taahhütten takip etmek daha kolaydır.
  • Herhangi bir adımları kaçırmayın: Her seferinde aynı iş akışı izlenmelidir.
  • Bir sonraki sürümü hazırlamak için her zaman dalınızı geliştirmeniz gerekir.
  • Mümkünse her hafta evreleme deposunu temizlemelisiniz. Yerel ve uzaktan evreleme şubesini silmelisiniz ve şubeden geliştirmelisiniz - aşağıdaki örneğe bakın:
 GIT CO gelişimi ve amp; & amp; Git Çekme Kökeni / Geliştirme
Git Branch -D Yöntem ve Amp; & amp; git itme kökenli --delete evreleme
GIT CO -B sahneleme ve amp; & amp; Git Çekme Kökeni Yığını 

Ek iş akışları

Daha küçük projelerle, daha az karmaşık bir iş akışı kullanmak isteyebilirsiniz. En güncel sürümünü, bir gelişme şubesi ve ardından her ek özelliğin bir dizi şubeyi içeren usta kullanabilirsiniz - bu forum, iletişim formu, ödeme sistemi olsun. Hepsi kişisel tercihinize bağlıdır.

Birleştirme Çatışmalarını Yönetme

Hepiniz aynı odada çalışıyorsanız, birleştirme çatışmalarıyla başa çıkmak zordur, ancak hepiniz farklı bir ofiste çalışıyorsanız, bir kabus bile olabilirler. En önemli şey, her zaman bir birleşmeyi geri alabileceğinizi ve çatışmanın gerçekleşmeden önce devlete geri dönebileceğinizi hatırlamaktır.

Tüm birleşmeleri Kurşun Geliştirici veya ekibiniz olarak yaparken, bunları bağımsız olarak yapanlar, ilk adım olanı anlamaktır.

  • Ortak geliştiricilerinizden biri aynı satırı aynı dosyada mı?
  • Değiştirdiğiniz bir dosyayı sildiler mi?
  • İkiniz de aynı ada sahip bir dosya eklediniz mi?

Git sana sahip olduğunu söyleyecek Unmerged yollar üzerinden Git durumu :

 $ GIT durumu
# Şube Ödeme Sistemi
# Unmerged yolların var.
# (Çatışmaları düzeltin ve "git taahhüt" çalıştırın)
#
# Unmerged yollar:
# ("GIT ADD / LT, Dosya ve GT;" Çözünürlüğünü işaretlemek için kullanın)
#
# Her ikisi de değiştirilmiş: Checkout.html
#
İşlemek için herhangi bir değişiklik eklenmedi ("Git Add" ve / veya "Git Tome -a") 

Şimdi, bir çatışmanın en yaygın nedeni, değişikliklerin aynı dosyaları aynı satırda etkilediğidir. Bu yüzden, çatışan hattın içeriğine bir göz atalım. Git'in, çatışan bölgeyi içine girerek işaretleyeceği gerçeğinde gerçekten iyi olduğunu fark edeceksiniz. & lt; & lt; & lt; ve & gt; & gt; & gt; & gt; & gt; [diğer / şube / isim] . Bu durumda, Ödeme sistemi .

 & LT; & LT; & LT; Baş
Bu çizgi "Kullanıcı Formu" şubesinde çalışırken taahhüt edildi.
=======
Bu çizgi, aksine, "Checkout-System" şubesinde çalışırken taahhüt edildi.
& gt; & gt; & gt; & gt; & gt; & gt; Refs / Heads / Checkout-System 

Birinci işaretleyiciden sonraki içerikler mevcut çalışma şubenizden kaynaklanır. Açılı braketlerden sonra Git, hangi şubelerin geldiğini bize bildirir. Bir çizgi ======= İki çelişkili değişikliği ayırır.

Artık dosyayı bir editörde açabilir, çakışma işaretleyicilerini arayın ve gerekli değişiklikleri yapabilirsiniz. İşiniz bittiğinde, dosya görünmesini istediğiniz gibi görünmesi gerekir veya alternatif olarak, alternatif olarak, GIT'yi basitçe düzenlenmiş sürümlerden biriyle gittiğinizi söyleyebilirsiniz. bizim veya onların .

 GIT Checkout - Yolu / / çatışma-file.html'lerOurs 

Ayrıca bu konuda yardımcı olabilecek birçok birleştirme aracı uygulaması vardır. Kaleidoscope Mac için harika bir tanedir.

Proje ve Sayı Yönetimi

Version control: Issues and problems

Sorunları sorunla karıştırmayın: ayrıca geliştirmeler, sorular ve hatalar için ek etiketleme de kullanabilirsiniz.

Özellikle geliştiricilerin ofis merkezli olmadığında, görevler ve hatalar gibi işleri yönetmek için bir proje yönetimi aracının önündeki bir geliştirici kadar önemlidir. Zenhub ve Asuna gibi çok sayıda çözüm var, ancak Gitub'un yerleşik projesinin ve sayı sisteminin en iyisi olduğuna inanıyorum.

Yeni bir proje kurmak, panolar oluşturmak veya konular atamak gibi işleri yapabilirsiniz. Ve sadece sorunları sorunla karıştırmayın: Ayrıca, diğer şeylerin yanı sıra geliştirmeler, sorular ve hatalar için de kullanabilirsiniz.

İşte en iyi özelliklerinden birkaçı:

  • Dahili etiketleme sistemi: İş akışınızı düzenlemenizi ve önceliklendirmenizi ve ilgili bilgiler için projelerden kolayca aramanızı sağlar.
  • Kilometre taşları: Ekim ayında bir beta lansmanı veya görevinden önce düzeltilmesi gereken hatalar gibi belirli özellikler veya proje aşamaları ile ilgili sorunları ilişkilendirmek için mükemmeldir.
  • Çoklu ödevler: Sorunlar, toplu olarak kullanıcılara atanabilir, zaman kazandırabilir ve sizi daha verimli hale getirebilir.
  • Yorum yapma: Mühendisler ve yönetim ekipleri, iletimin her adımında ilerleme ve sonuçları kolayca tartışabilir.
  • Görev listeleri: Daha büyük konular, düzinelerce mikroskobik sorunun oluşturulmasını engellemek, tüm işinizi aynı yerde tutmak için aşamalara ayrılabilir.
  • Markdown formatı: Markdown formatlamasını kullanma yeteneği, geliştiricilerinizle popüler olduğunu kanıtlayacaktır ve GitHub etrafındaki çoğu yerde kullanılabilir.
  • Proje Kurulları: Bunlar, sorunları, istekleri ve notları, seçtiğiniz sütunlardaki kartlar halinde kategorize etmek için kullanılabilir, böylece daha büyük projelere bir bütün olarak bakabilirsiniz.
  • Yüksek güvenlik: Verilerinizi güvende tutmak için GitHub'a güvenebilirsiniz ve çoğu proje yönetim sisteminden daha fazla ihlal etmek daha zordur.

Bir proje kurmak

GitHub'a giderseniz ve o zaman havuzlarınızdan birine giderseniz, projeler denilen bir sekme göreceksiniz. Oradan yeni proje seçebilir, proje bilgilerinizi kurabilir ve yeni bir proje şablonu oluşturabilirsiniz.

Artık üst boyunca olan sorunları seçip yeni bir sorun seçerseniz, yeni bir sorun yaratabileceksiniz. Daha sonra çeşitli etiketler uygulayabilirsiniz - bunlar hata, geliştirme, soru ve yinelenen gibi şeylerdir. Yeni bir özellik veya istek için geliştirmeyi de kullanabilirsiniz. Daha sonra göreve, bir dönüm noktası ve yeni oluşturduğunuz projeye çeşitli ekip üyeleri atayabilirsiniz.

Atanan üyeler daha sonra tüm görevlerinin bir listesine sahip olacak ve şu anda inşa edildiklerini takip etmek için proje panosunu bile kullanabilirsiniz. Daha önceki öğreticimizi hatırlıyorsanız, Backlog ve Doğrulamayı Sprint için hareketli biletlerden bahsediyoruz. Bu yüzden Github, bir projeyi denetlemek için gerçekten bir arada bir araç olarak çalışır.

Bu makale başlangıçta 311 sayısında yayınlandı. , dünyanın web tasarımcıları ve geliştiricileri için en çok satan dergisi. Sayı 311 burada satın al veya abone olun .

İlgili Makaleler:

  • Serbest bir geliştirici olarak nasıl başarılır
  • Yeniden kullanılabilir reaksiyon bileşenleri geliştirin
  • Geliştirici becerilerinizi geliştirmek için 4 ipucu

Nasıl Yapılır - En Popüler Makaleler

Medya sorguları olmadan uyarlanabilir düzenler oluşturun

Nasıl Yapılır Sep 10, 2025

Uzun zamandır web sayfalarında mükemmel bir görsel kompozisyona ulaşmaya çalışıyordum. Günlük işlerimde CSS kesme noktaları ile çok fazla acı çekiyorum ve cevap veren yerleşi..


Zbrush'ta bir video oyunu karakteri nasıl oluşturulur

Nasıl Yapılır Sep 10, 2025

Burada, Atstation'daki insan mücadelesi için yaptığım bir karakter, Rey oluşturma sürecinden bahsediyorum. Kendi video oyu..


Photoshop'taki konsept sanat becerilerinizi geliştirin

Nasıl Yapılır Sep 10, 2025

Bu atölye için, sadece hayal gücünüzden karakterler çizmek için gerçekten eğlenceli bir yol göstermek istiyorum. Nasıl..


CSS değişkenleriyle siteyi nasıl ayarlanır

Nasıl Yapılır Sep 10, 2025

CSS özel özellikleri, genellikle CSS değişkenleri olarak bilinen, şimdi tüm büyük modern tarayıcılar tarafından destek..


Yapıtınızı nasıl monte edilir

Nasıl Yapılır Sep 10, 2025

İyi yürütülen bir montaj başka birinden daha fazladır sanat tekniği Alet kemerinize eklemek için. Çalış..


Adobe XD ile bir mobil uygulama prototip nasıl

Nasıl Yapılır Sep 10, 2025

Bu öğretici, Adobe XD'de bir mobil uygulama prototipinin nasıl yapıldığını gösteren, kullanarak bir araya getirildi..


Nasıl ıslak bir rakam çizilir

Nasıl Yapılır Sep 10, 2025

Bekalanan bir figürü boyamak için, dikkate alındığında bir dizi faktöre girmenizi gerektirir - kullandıkları kumaş tü..


Realflow'da bir dökme su etkisi oluşturun

Nasıl Yapılır Sep 10, 2025

Bu eğitim, size bir sıvı dökme etkisinin nasıl simüle edileceğini gösterir. Sıvı efektler oluşturmak için kullanabile..


Kategoriler