Alıştırma - Depoyu klonlama

  • 8 dakika

Alice'in bir depoyu kopyalama ve çekme isteğinde bulunma işini uygulamak için önce Alice'in kopyalaması için bir depo ayarlamamız gerekir.

Kurulum

Git zaten bizim için Azure Cloud Shell'e yüklenmiştir ve sağ taraftaki Cloud Shell'de Git'i kullanabiliriz.

  1. mkdir Cats adlı bir klasör oluşturmak için komutunu kullanın:

    mkdir Cats

  2. Komutunu kullanarak cd proje klasörüne geçin:

    cd Cats

  3. Şimdi yeni depoyu başlatın ve varsayılan dalın adını olarak mainayarlayın.

    Git sürüm 2.28.0 veya üzerini çalıştırıyorsanız aşağıdaki komutları kullanın:

    git init --initial-branch=main
git init -b main

    Git'in önceki sürümleri için şu komutları kullanın:

    git init
git checkout -b main

  4. Kimlik bilgilerinizi ekleyerek Git'i yapılandırın. ve <USER_EMAIL> öğesini kendi bilgilerinizle (örneğin, "Kullanıcı Adı" ve "user-name@contoso.com") değiştirin<USER_NAME>.

    git config user.name "<USER_NAME>"
git config user.email "<USER_EMAIL>"

  5. komutunu kullanarak touch bazı dosyalar oluşturun ve git kullanarak dosyaları hazırlayıp işleyin:

    touch index.html
mkdir CSS
touch CSS/site.css
git add .
git commit -m "Create empty index.html, site.css files"

  6. Cloud Shell kod düzenleyicisini kullanarak index.html dosyanıza html ekleyin; terminal isteminde code komutunu kullanarak açabilirsiniz:

    code index.html

  7. Dosyaya bu HTML kodunu yapıştırın:

    <!DOCTYPE html>
<html>
  <head>
    <meta charset='UTF-8'>
    <title>Our Feline Friends</title>
    <link rel="stylesheet" href="CSS/site.css">
  </head>
  <body>
    <h1>Our Feline Friends</h1>
    <p>Eventually we will put cat pictures here.</p>
    <hr>
  </body>
</html>

  8. Dosyayı kaydedin ve düzenleyiciyi kapatın. "..." üç noktasını seçebilirsiniz veya hızlandırıcı tuşunu kullanın (Windows ve Linux'ta Ctrl+S, macOS'ta Cmd+S).

  9. CSS dizinine geçin ve düzenleyicide site.css dosyasını açın:

    cd CSS
code site.css

  10. Aşağıdaki CSS'yi site.css dosyasına ekleyin:

    h1, h2, h3, h4, h5, h6 { font-family: sans-serif; }
body { font-family: serif; }

    Ardından dosyayı kaydedin ve düzenleyiciyi kapatın.

  11. Cats dizinine geri dönün.

    cd ..

  12. Son olarak değişikliklerinizi yeniden işleyin:

    git add .
git commit -m "Add simple HTML and stylesheet"

  13. Her şeyin iyi göründüğüne emin olmak için Git günlüğünüzü hızla denetleyin:

    git log --oneline

  14. Çıktıyı denetleyin. Aşağıdaki örneğe benzer bir çıktı görmeniz gerekir:

    2bf69ab Add simple HTML and stylesheet
bb371c8 Create empty index.html, site.css files

Depoyu kopyalama

Şimdi Alice rolünü üstlenelim ve üzerinde işbirliği yapmak için bir depo kopyalama alıştırması yapalım.

Alice'in deponuzu bilgisayarına kopyalama benzetimi yapmak için, bilgisayarınızda Alice adlı bir dizin oluşturacak ve proje dizininizi bu dizine kopyalayacaksınız. Gerçek hayatta, url ile ulaşılabilen bir ağ paylaşımı veya uzak ayarlayarak bu işbirliğini gerçekleştirebilirsiniz.

  1. Depoyu kopyalamak için Alice adlı bir dizin oluşturun. Proje dizininizin (Cats) bir alt dizini olmamalıdır, bu nedenle cd Alice'i proje dizininin eşdüzey bir öğesi yapmak için proje dizininizden üst dizine yeniden gidin. Ardından Alice cd dizinine geçin.

    cd ..
mkdir Alice
cd Alice

  2. Şimdi proje dizininizdeki depoyu Alice dizinine kopyalamak için kullanıngit clone. Komutun sonuna nokta eklemeyi unutmayın:

    git clone ../Cats .

    ../Cats Git'e klonlama kaynağını ve . klonlama hedefini bildirir. Unix'te . geçerli dizininize işaret eder.

  3. Çıktıyı denetleyin. Git, çalıştığını size bildirmek için bu metni görüntülemelidir:

    Cloning into '.'...
done.

Proje dizininizdeki deponun bir kopyası artık Alice dizininizde!