Visual Studio Code'da JavaScript geliştirmesi için GitHub depolarını yönetme

Visual Studio Code, JavaScript geliştiricileri için kapsamlı Git ve GitHub tümleştirmesi sağlar. Bu kılavuzda GitHub depolarını doğrudan geliştirme ortamınızdan yöneterek iş akışınızı kod oluşturma aşamasından dağıtıma kadar nasıl yönetebilirsiniz?

VS Code'dan çıkmadan mevcut depoları açmayı, yeni projeleri başlatmayı, özellik dalları oluşturmayı, değişiklikleri yürütmeyi ve GitHub'a göndermeyi öğreneceksiniz. Kılavuz, her görev için etkinlik çubuğu, komut paleti, durum çubuğu ve tümleşik terminal gibi birden çok yaklaşımı kapsar; böylece geliştirme stilinize en uygun yöntemleri seçebilirsiniz.

Önkoşullar

• Yerel makinenizde yüklü Git
• Visual Studio Kod yüklendi
• GitHub hesabı

Uzak deponuzu açma

Yerel bilgisayarınızda uzak deponuzu açın.

Etkinlik çubuğu

1. Uzak depo uzantısını yükleme
2. Visual Studio Code'un sol alt kısmındaki uzak göstergeyi seçin.
3. İstenen işlemleri gerçekleştirin.

Durum çubuğu

Bu eylem bu özellik aracılığıyla kullanılamaz. Farklı bir sekme seçin.

Komut paleti

1. Ctrlaçın.
2. Komut paleti istemine giringitcl, Git: Kopyala komutunu seçin, ardından GitHub'dan Kopyala'yı seçin ve Enter tuşuna basın.
3. Depo URL'si istendiğinde GitHub'dan klonlamayı seçin, ardından Enter tuşuna basın.
4. GitHub'da oturum açmanız istenirse oturum açma işlemini tamamlayın.
5. Depo URL'si alanına azure-samples/js-e2e-express-server girin.
6. Projeyi kopyalamak istediğiniz yerel dizini seçin (veya oluşturun) ve ardından Depo Hedefi Olarak Seç'i seçin.
7. Kopyalanan depoyu açmak isteyip istemediğinizi soran bildirimi aldığınızda Aç'ı seçin.

Tümleşik terminal

1. Terminal - Yeni Terminal'den > açın.

2. Aşağıdaki git komutuyla deponuzu kopyalayın:

   git clone https://github.com/<ACCOUNT>/<REPOSITORY>
   

3. Visual Studio Code'da aç:

   code <REPOSITORY>
   

Visual Studio Code, işletim sistemi (macOS KeyChain veya Windows Kimlik Bilgileri yöneticisi gibi) tarafından sağlanan Git kimlik doğrulamasını tüm git işlevleriyle kullanır. Çıktı, Komut Paleti > Git: Git Çıkışını Göster'de görünür.

Özel GitHub Etki Alanlarına Bağlanma

Varsayılan olarak, Visual Studio Code depolarınızın github.comüzerinde barındırılıyor olduğunu varsayar. Farklı bir etki alanındaki bir depoya (örneğin, github.<company_name>.comgibi bir kurumsal GitHub) bağlanmanız gerekiyorsa Git yolunuzu buna göre yapılandırmanız gerekir.

VS Code'da Git yolunu güncelleştirmek için Dosya → Tercihleri → Ayarlar açın ve Git: Patharaması yapın. Bu ayar, özel GitHub etki alanınızla çalışan Git yürütülebilir dosyasının mutlak yolunu belirtmenize olanak tanır.

Alternatif olarak, VS Code'un tüm depo işlemleri için doğru Git ikili dosyasını kullandığından emin olmak için git.path ayarını doğrudan settings.json dosyanıza ekleyebilir veya güncelleştirebilirsiniz.

Yerel deponuzu açma

Yerel bilgisayarınızda mevcut bir deponuz varsa ve bunu Visual Studio Code'da açmak istiyorsanız, klasörü açmanız gerekir. Visual Studio Code .git alt klasörünü tanır ve ilgili bilgileri görüntüler.

Etkinlik çubuğu

1. Ctrl
2. Klasör seçin.

Durum çubuğu

Bu eylem bu özellik aracılığıyla kullanılamaz. Farklı bir sekme seçin.

Komut paleti

1. Ctrlaçın.
2. Filtreleyin Git ile, ardından Open repository öğesini seçin.
3. Deponun kökü olarak seçecek klasörü seçin.

Tümleşik terminal

1. Terminal - Yeni Terminal'den > açın.

2. Depo dizini için yeni bir Visual Studio Code örneği açın:

   code ../dir1/dir2/my-repo
   

Yeni depo başlatma

ile gityerel bir kaynak kodu deposu oluşturmak için aşağıdaki yordamı kullanın.

Etkinlik çubuğu

1. Etkinlik çubuğundan kaynak denetimi seçin veya Ctrl + + tuş bileşimini kullanın.

2. Depoyu Başlat'ı seçin.

   

Durum çubuğu

Bu eylem bu özellik aracılığıyla kullanılamaz. Farklı bir sekme seçin.

Komut paleti

1. Ctrlaçın.
2. Filtreleyin Git ile, ardından Initialize repository öğesini seçin.
3. Deponun kökü olarak seçecek klasörü seçin.

Tümleşik terminal

1. Terminal - Yeni Terminal'den > açın.

2. Aşağıdaki git komutuyla klasörünüzü git ile başlatın:

   git init
   

Depo başlatıldıktan sonra GitHub'da depoyu oluşturun. Ardından bu depoyu Komut paletinden yerel projenize uzak konum olarak ekleyin: Git: Add remote arayın.

Değişiklikler için dal oluşturma

Değişiklikleri yakalamak ve ana veya varsayılan daldan yalıtmak için yeni bir dal oluşturun.

Etkinlik çubuğu

1. Etkinlik çubuğundan kaynak denetimini seçin.
2. Kaynak Denetimi yanında bulunan üç noktayı (...) seçin.
3. Dal ->'u seçin.

Durum çubuğu

1. Durum çubuğunda dal adını seçin. Bu işlem komut paletini açar.

   Durum çubuğu Visual Studio Code'un en altında bulunur.

2. Komut paletinde +Yeni dal oluştur'u seçin.

3. Yeni dalınızın adını girin.

4. Yeni bir dal adı girin. Dal adı durum çubuğunda görünür.

   

Komut paleti

1. Ctrlaçın.

2. git branch için arama yapın ve Git: Create Branch öğesini seçin.

   

3. gibi testyeni bir dal adı girin.

4. Dal adı durum çubuğunda görünür.

   

Tümleşik terminal

1. Terminal - Yeni Terminal'den > açın.

2. Aşağıdaki git komutuyla adlı MY-BRANCH yeni bir dal oluşturun:

   git checkout -b MY-BRANCH
   

Değişiklikleri yerel olarak işleme

Dalınızdaki dosyalarda değişiklik yaptıktan sonra değişiklikleri kaydedin.

Etkinlik çubuğu

1. Etkinlik çubuğundan kaynak denetimini seçin.

2. İşleme iletinizi girin ve ardından İşle'yi seçin.

   

Durum çubuğu

Bu eylem bu özellik aracılığıyla kullanılamaz. Farklı bir sekme seçin.

Komut paleti

1. Ctrlaçın.
2. Komut paletinde Git ile filtreleyin, ardından Commit öğesini seçin.
3. İşleme iletinizi girin ve Enter tuşuna basın.

Tümleşik terminal

1. Terminal - Yeni Terminal'den > açın.

2. Aşağıdaki git komutuyla adlı MY-BRANCH yeni bir dal oluşturun:

   git commit -m "YOUR COMMIT MESSAGE"
   

Yerel bir dalı GitHub'a gönderme

Etkinlik çubuğu

1. Etkinlik çubuğundan Kaynak Denetimi simgesini seçin.
2. Dal Yayımla'yı seçin. Depo GitHub'da yoksa depoyu sizin için oluşturur.

Durum çubuğu

1. Visual Studio Code durum çubuğunda dal adının sağındaki gönderme simgesini seçin.

   

2. Açılır kutudan uzak adı seçin. Yalnızca bir uzaktan kumandanız varsa uzaktan kumanda adını seçmeniz istenmeyecek.

Komut paleti

1. Ctrlaçın.
2. Komut paletinde Git ile filtreleyin, ardından Push öğesini seçin.
3. Birden fazla yukarı akış uzaktan kumandanız varsa, bir uzak ad seçin ve Entertuşuna basın.

Tümleşik terminal

1. Terminal - Yeni Terminal'den > açın.

2. Aşağıdaki git komutuyla adlı MY-BRANCH yeni bir dal oluşturun:

   git push <remote-name> <branch-name>
   

Git çıkışını görüntüleme

Kaynak denetimi uzantısını kullanırken Git komutları çıkışını görüntüleyebilirsiniz. Bu çıkış, bir komut başarısız olduğunda hata ayıklamaya yardımcı olur.

1. Etkinlik çubuğundan Kaynak Denetimi simgesini seçin.

2. Üç noktayı (...) seçin, ardından Git Çıkışını Göster'i seçin.

   

Git ve GitHub ile çalışmak için Visual Studio Code araçları

Visual Studio Code'da bir depoyla çalışmak ayrı araçlar kullanır.

Simge	Bilgiler	Şuradan Erişim
	Komut paletindeki Git komutları	F1
	Kaynak denetimi uzantısı	Etkinlik çubuğu
	GitHub Pull Requests ve Issues uzantısı	Etkinlik çubuğu
	GitHub Depoları uzantısı	GitHub Depolarını arayarak github deposunu hızlı ve kolay bir şekilde açabilirsiniz: Depo aç... komut paletinden, F1'den veya GitHub Deposunu Aç'ı seçerek... uzak göstergeden (durum çubuğunun sol alt köşesindeki yeşil düğme).

İlgili kaynaklar

• Web uygulaması dağıtma
• Visual Studio Code'da GitHub ile çalışma
• Visual Studio Code'un diğer sürüm denetimi sağlayıcılarıyla birlikte kullanılması