ChatGPT'yi VS Code ile entegre ederek kodlama üretkenliğinizi bir sonraki seviyeye taşıyın.

Her gün araştırma laboratuvarlarından çıkan yapay zeka araçlarından yararlanmayı öğrendiğinizde, görevlerinizin patronu olabilir ve üretkenliğinizi artırabilirsiniz. VS Code, size OpenAI özellikli bir kodlama ortamı sağlamak için ChatGPT uzantısına sahiptir.

Projelerinizi doğrudan IDE içinde daha verimli ve daha hızlı tamamlamak için ChatGPT'nin geniş kodlama modelinden yararlanabilirsiniz. İşte ChatGPT'yi VS Code ile kullanmanın kullanışlı yolları.

VS Kodunda ChatGPT Uzantısı Nasıl Kurulur ve Kullanılır

VS Code uzantı pazarında "ChatGPT" veya "Code GPT" araması yaptığınızda, ilgili birçok uzantı çıkar. GitHub Copilot'tan farklı olarak bunlar resmi olarak doğrudan OpenAI'den değildir.

Yine de örneklenen VS Code ChatGPT uzantılarının çoğu aynı şekilde çalışır. Ama bağlı kalacağız EasyCode'un ChatGPT uzantısı Bu makale için, ChatGPT kullanım durumlarını VS Kodunda göstermek için oldukça uygun olduğu için. GPT-4 ve GPT-3.5'i destekler, ücretsiz bir katmana sahiptir ve API anahtarı gerektirmez.

instagram viewer

ChatGPT uzantısını VS Koduna yüklemek için:

  1. VS Code'u açın ve sol kenar çubuğunun sol alt kısmındaki ayarlar simgesine tıklayın.
  2. git Uzantılar.
  3. Alternatif olarak, basın Ctrl + Üst Karakter + X (Komut + Üst Karakter + X Mac için) uzantıların pazar yerini doğrudan açmak için.
  4. Sol üstteki arama çubuğuna "ChatGPT - EasyCode" yazın.
  5. Görüldüğünde uzantıyı tıklayın.
  6. Son olarak tıklayın Düzenlemek.
  7. Yüklendikten sonra sol kenar çubuğunda uzantı simgesini göreceksiniz.
  8. Uzantı simgesini tıklayın. Tıklamak Hesap Olmadan Deneyin. Ama çekinmeyin Kayıt olmak bir hesabınız varsa veya Üye olmak uzantı sağlayıcı ile yeni bir hesap için.

ChatGPT Uzantısı Nasıl Kullanılır?

  1. Yerleşik bir bilgi istemi kullanmak için hedef kodu vurgulayın ve sağ tıklayın. Mevcut bilgi istemlerinden herhangi birini seçin.
  2. Özel bir bilgi istemi yazmak için, vurgulanan koda sağ tıklayın ve GPT'ye Sor'u seçin. İsteminizi üstteki sohbet kutusuna yazın ve tuşuna basın. Girmek.

ChatGPT Uzantısını Kod Tabanınızla Nasıl Kullanırsınız?

Kod tabanı dizininize VS Code açtıysanız ve ChatGPT'nin temel modüllere erişmesini istiyorsanız:

  1. Sol kenar çubuğundaki uzantı simgesini tıklayın. Ardından kontrol edin Codebase'e Sor kutu.
  2. Hedef kodu kopyalayın ve sohbet kutusuna yapıştırın.
  3. İsteminizi kodun altına yazın (basın Shift + Enter) sohbet kutusunda.
  4. Basmak Girmek veya gönder simgesine tıklayın.

Şimdi ChatGPT'yi VS Kodunda kullanmanın çeşitli yollarını görelim.

1. Kodu Yeniden Düzenleyin ve Değiştirin

ChatGPT'nin prosedürel, işlevsel ve nesne yönelimli kodu değiştirmek için yararlı olduğu kanıtlanmıştır.

Örneğin, bu uzantıyı kullanarak, ChatGPT'den aşağıdaki hatalı kodu, rastgele bir sözlük oluşturmak ve her değere "Satın Al" eklemek için bir Python işlevini yeniden düzenlemesini istedik.

kesinliklemakeDict(n: str, **kwargs)-> dikte:
 bazıları: dikte
için anahtar, değer içinde kwargs.items():
 bazı = n+" "+değer
geri dönmek bazı
yeniDict = makeDict("Satın almak", öğe1="GPT Kitabı", öğe2="Java Eğitimi", öğe3="Yürüyüş Rehberi")

Değişiklik için ayrıntılı nedenlerle, beklenen çıktıyı veren doğru kodu üretmek oldukça başarılı oldu:

Ayrıca, takip sor ChtGPT'ye kodu bir sınıfa dönüştürmesini ve nasıl başlatılacağını göstermesini söyleyen kutu:

Yukarıda oluşturulan kod daha modüler ve tekrar kullanılabilir.

2. Kodunuzda Hata Ayıklayın

Kodunuz bir hata verirse veya olması gerektiği gibi çalışmazsa, ChatGPT'den doğrudan VS Code içinde hata ayıklamasını istemek zaman kazandırır.

Hata ayıklama için yerleşik bir bilgi istemi olmamasına rağmen, GPT'ye Sor kodunuzdaki hataları ayıklamak için özel bir bilgi istemi oluşturma seçeneği.

ChatGPT uzantısından daha önce kullandığımız kodda hata ayıklamasını istedik. Sadece hata ayıklamakla kalmadı. Bunu açıkladı ve beklenen çıktısı da dahil olmak üzere doğru olanı üretti.

3. Kodunuzu Başka Bir Dilde Yazın

Temel dilinizin yanı sıra belirli bir dilde bir program yazmak isteyebilirsiniz. Kodunuzu ana dilinizde yazabilir ve ChatGPT'den kodu seçilen programlama dilinde yeniden yazmasını isteyebilirsiniz.

Ancak, ChatGPT bazı durumlarda tamamen çalışan dönüştürülmüş bir kod sağlayamayabilir, çünkü oluşturulan kod çok az insan girdisi gerektirebilir.

Örneğin, aşağıdaki Python kodunu VS Code ChatGPT uzantısını kullanarak C eşdeğerine dönüştürdük:

Bunu, vurgulanan koda sağ tıklayarak ve GPT'ye Sor seçenek.

İşte VS Kodundaki bilgi istemimiz:

C eşdeğerini doğru hale getirmeden önce iki kez oluştursa da, son kod çalışır.

4. API'niz için Bir Ön Uç Bileşeni Oluşturun

Farklı uç noktalara sahip bir API yazdıysanız, ChatGPT uzantısından onu belirli bir çerçeve kullanarak kullanması için bir ön uç bileşeni sağlamasını isteyebilirsiniz. Bu React, Vue veya Angular olabilir.

Örneğin, Python'un FastAPI'si kullanılarak oluşturulan bir API bitiş noktasına dayalı bir toplantı programı oluşturmak için bir React bileşeni oluşturmak üzere uzantıyı kullandık:

Yukarıda yapıldığı gibi, kontrol etmek isteyebilirsiniz. Codebase'e Sor büyük bir kod tabanıyla uğraşıyorsanız kutu.

Kod tabanımıza başvurduktan sonra, VS Code ChatGPT uzantısı, sağlanan uç noktayı kullanmak için kullanışlı bir React bileşeni sağladı:

5. Kod Bloklarını Açıklayın

Stack Overflow'tan veya bir GitHub deposundan bir kod parçası aldığınızı varsayalım. Daha iyi anlamak için VS Code'daki ChatGPT uzantısından nasıl çalıştığını açıklamasını isteyebilirsiniz. Bu, gelecekteki kod değişiklikleri nedeniyle hatalar ortaya çıkarsa, bu tür kodlarda kolayca hata ayıklamanıza yardımcı olur.

Bu örnek kullanım durumunda, ChatGPT uzantısından aşağıdaki kodu açıklamasını istedik; kullanıcıların e-posta adreslerini doğrulamak için bir Python sınıfı.

Aşağıdaki yanıtı üretti:

6. Uygulamanız için HTML Şablonları Oluşturun

VS Code'da ChatGPT uzantısını kullanarak, doğrudan uzantı sohbet kutusunu kullanarak sıfırdan bir HTML şablonu (giriş alanları gibi) oluşturabilirsiniz. Örneğin, kullanıcı kaydı için bir HTML şablonu oluşturmasını söyleyebilirsiniz.

Ancak, verileri doğrudan HTML'ye dönüştüren (SPA olmayan) bir uygulama yazıyorsanız ve projeye özel bir şablon istiyorsanız ne olur? Arka uç verilerini kullanıcılara görüntüleyen HTML şablonları oluşturmak için VS Code'da ChatGPT uzantısını kullanabilirsiniz.

Örneğin, bir Django gibi MVT mimarisi tabanlı çerçeve, Django görünümleriniz için HTML şablonları oluşturmak için uzantıyı kullanabilirsiniz.

Yine, bu tür bir kullanım durumu için, Codebase'e Sor ChatGPT'nin kod tabanınıza erişmesi için onay kutusunu işaretleyin.

7. Kodunuzu Birim Testi

Birim testi ne kadar önemliyse, zaman alıcı da olabilir. Kodunuz için birim testleri oluşturmak ve değerli geliştirme süresinden tasarruf etmek için VS Code ChatGPT uzantısından yararlanabilirsiniz.

ChatGPT uzantısında birim testleri oluşturmak için yerleşik bir komut istemi bulunsa da, şunu kullanarak özel bir bilgi istemi yazmak isteyebilirsiniz. Codebase'e Sor özgüllük ve daha iyi bir sonuç için seçenek.

ChatGPT'den Python'un FastAPI'si kullanılarak oluşturulmuş bir kayıt uç noktası için bir birim testi yazmasını istedik:

Gerekli birim testini oluşturmak için kod tabanını verimli bir şekilde örnekledi:

8. Potansiyel Güvenlik Açıklarını Bulun

Ayrıntılı güvenlik analizi sağlamasa da VS Code ChatGPT uzantısı, hızlı bir şekilde güvenlik analizi yapmak için kullanışlı bir araç olabilir. uygulamanızdaki güvenlik açıklarını kontrol edin kod tabanı ve manuel olarak tarama yaparken zamandan tasarruf etmenizi sağlar.

ChatGPT'nin kod tabanınızı taramasına izin vermek için Codebase'e Sor seçeneği (uzantı simgesine tıklayın ve Codebase'e Sor kutu).

Eğer genellikle eski veya yeni VS Kodu özellikleri, ChatGPT uzantısından IDE'de yolunuzu sormaktan çekinmeyin.

Örneğin, uzantıdan belirli bir programlama dilinde hata ayıklamak için en iyi uzantıları önermesini isteyebilirsiniz.

Veya komut satırından VS Code'un nasıl açılacağı gibi daha teknik bir soru sorabilirsiniz.

10. Belgeleri Doğrudan VS Kodundan Yazın

ChatGPT uzantısını kullanarak doğrudan VS Code'dan bir kod parçası için ayrıntılı belgeler yazabilirsiniz.

Örneğin, VS Code ChatGPT uzantısını kullanarak oluşturduğumuz Zoom bağlantısı oluşturma işlevinin (HTML biçiminde) ayrıntılı bir belgesini burada bulabilirsiniz:

VS Code'da ChatGPT ile Verimli Kodlama

Hızlı tempolu bir internet ortamında bir programcı olarak, mümkün olan en düşük sürede en düşük uygulanabilir ürünü elde etmek istersiniz. ChatGPT tamamen güvenilir olmasa da, yaratıcı bir şekilde kullanılırsa geliştirme yolculuğunuza yardımcı olabilir. Programlamada ChatGPT'nin daha birçok kullanım durumu vardır. Ancak, tüm söylenenlere rağmen, bazen yanıltıcı olabildikleri için ChatGPT'nin sonuçlarını doğruladığınızdan emin olun.