GitHub Yardımcı Pilot, Swimm, Prettier ve daha fazlası. Geliştirme ekipleri için sahip olunması gereken bu 5 Visual Studio Code eklentisiyle üretkenliğinizi ve işbirliğinizi artırın.

Verimli ve yüksek kaliteli geliştirme talebi arttıkça, süreci kolaylaştırmaya yardımcı olabilecek araçlara olan ihtiyaç da artar. Visual Studio Code, esnekliği ve kapsamlı eklenti kitaplığı nedeniyle geliştiriciler arasında büyük popülerlik kazanmış popüler bir kod düzenleyicisidir. Geliştiriciler, doğru eklentilerin yardımıyla üretkenliklerini artırabilir ve geliştirme süreçlerini hızlandırabilir.

Bu yazımızda geliştirici ekiplerin olmazsa olmazı olan en iyi 5 Visual Studio Code eklentisini ele alacağız . Bu eklentiler, daha iyi kod yazmanıza, daha verimli işbirliği yapmanıza ve genel iş akışınızı geliştirmenize yardımcı olacaktır. İster yeni başlayan ister deneyimli bir geliştirici olun, bu eklentiler iş hayatınızı kesinlikle daha kolay ve daha üretken hale getirecek.

Başlayalım!

1. GitHub Copilot — Yapay Zeka Çifti Programlayıcınız.

GitHub Copilot , GitHub tarafından OpenAI ile işbirliği içinde geliştirilen yapay zeka destekli bir kod yardımcısıdır . OpenAI Codex olarak adlandırılan kullandığı sistem, OpenAI'nin GPT-3 (Generative Pre-trained Transformer) teknolojisine dayanmaktadır ve programlama sırasında kod önerileri ve otomatik tamamlama sağlamak için doğal dili ayrıştırır.

Copilot, geliştiricilerin kabul edebilecekleri veya reddedebilecekleri her satır için hızlı, en uygun kod önerileriyle yardımcı olur. sürekli olarak belgelerde arama yapmak veya StackOverflow yanıtlarında tökezlemek zorunda kalmadan. Bu çalışmaya göre, girişin önündeki bu özel engelin tek başına kaldırılması ekiplerin daha hızlı hareket etmesine, yinelemesine ve gelişmesine yardımcı oluyor .

Kurduktan sonra GitHub Copilot, yazdıklarınızın bağlamına ve/veya kod yorumlarına göre kodunuzu tamamlamanız için öneriler sunar. Önerileri gerektiği gibi kabul edebilir veya reddedebilirsiniz — ve burada bir akışa girmek, önerileri kabul etmek için SEKME'ye basmak ve bir sonrakini hemen hazır hale getirmek kolaydır.

GitHub Copilot, geliştiricilerin üzerindeki bilişsel yükü azaltmaya ve kod yazarken size zaman kazandırmaya yardımcı olabilir. Ancak, uzantının sürekli olarak eğitildiğini unutmamak önemlidir, bu nedenle bazı öneriler her zaman doğru olmayabilir . Yine de iyi olan şey, GitHub Copilot'un gelecekte daha doğru olmak için geri bildiriminizden öğrenebilmesi ve öğrenmesidir.

Gizliliğinizin korunmasını sağlamak için GitHub Copilot, tek tek verileri toplamak yerine birden çok kullanıcıdan gelen verileri toplayan birleşik bir öğrenme modeli kullanır. Uzantı ayrıca herhangi bir sorunu veya endişeyi doğrudan geliştirme ekibine bildirmenin bir yolunu sunar.

2. Swimm - Steroidlerle ilgili kod olarak belgeler!

Her geliştirici, bağlamla birlikte kod tabanını anlamalarına ve gezinmelerine yardımcı olacak belgeleri hak eder. Yani, ihtiyaç duydukları bilgiyi ihtiyaç duyduklarında bulabilmelidirler. Sırf belirli bir özelliğin veya modülün nasıl çalıştığını öğrenmek için kodu tersine çevirmek veya Slack, e-posta yazışmaları, kod yorumları ve Notion/Confluence arasında gidip gelmek gibi bir çöpçü avına çıkmaları gerekmemeli… ve Swimm'in yaptığı da tam olarak bu . Sürekli Dokümantasyon ilkesiyle ele almayı amaçlar .

Swimm, kod tabanlarını belgelemenin geleneksel yollarının yapamadığı şeyi üç şekilde yapar:

• Doğrudan canlı kod parçacıklarına başvuran kod bağlantılı belgeler yazmanın kolay bir yolunu sağlar. Geliştirilmiş etiketleme ve şablonları kullanarak, herhangi bir geliştirici ihtiyacını karşılamak için öğreticiler, nasıl yapılır, tasarım belgeleri, teknik referans ve daha fazlası gibi dahili belgeler oluşturursunuz.
• Swimm'in patentli Otomatik senkronizasyonu, bu dokümanları referans aldıkları kod değiştikçe otomatik olarak güncel tutar ve kod ile dokümantasyonu arasında kaymayı önler.
• Geliştiricilere, başvurduğu kodun yanı sıra IDE'lerinin içinde, en çok ihtiyaç duydukları belgelere hem okuma hem de yazma erişimi vererek belge keşfini geliştirir.

IDE'nizi bir sonraki başlatışınızda oturum açın/kaydolun ve bir GitHub deposuna bağlanın. Şimdi şunları yapabilirsiniz:

a) Üzerinde çalıştığınız dosya ne olursa olsun yeni belgeler oluşturmaya başlayın.

b) Veya kod tabanında ilerleyin ve 'dalga' simgesini görürseniz, kodun o bölümüyle ilişkili Swimm belgelerinin olduğunu bilirsiniz. Ardından, bu dokümanları IDE'nin kendi içinde veya yeni bir tarayıcı penceresinde - Swimm web uygulamasında açmak için tıklayabilirsiniz.

Swimm gibi bir çözüm olmadan dahili belgelerle uğraşmaya çalışmak, genellikle geliştiriciler için hemen yararlı olamayacak kadar çok geniş veya çok dar, genellikle güncelliğini yitirmiş ve sıklıkla parçalanmış ve keşfedilmesi zor olan belgelere yol açar - geliştiricilerin kaybetmesine yol açan her şey. Dokümantasyona bir sürecin kendisi olarak güvenerek üretkenliği taramaya getirin.

Swimm ve VSCode eklentisi, geliştiricilerin ve geliştirme ekiplerinin aşağıdakileri başarmasına yardımcı olabilir:

• Kaymayı ( kaynak ) en aza indirmek için otomatik olarak güncellenen kod bağlantılı belgeler sayesinde kod tabanını çok daha hızlı anlayabilecekleri için yeni geliştiricilerin katılım süresini %55 azaltın .
• Oluşturması kolay, bulması kolay, erişimi kolay belgeler ( kaynak ) ile geliştiricilerin üretkenliğini %50 artırın.
• Altyapı, API'ler, mimari ve daha fazlasıyla ilgili alınan mühendislik kararlarının ilgili ve güncel dahili belgelerini, değişikliklerini ve kayıtlarını her zaman sağlayarak ekipler arası işbirliğini etkinleştirin.

3. Daha Güzel — Düşünceli, otomatik kod biçimlendirici.

Prettier , bir kod formatlayıcıdır ve zamandan tasarruf etmek, üretkenliği artırmak ve projelerinde tutarlı kod stili sağlamak isteyen geliştiriciler için çok önemli bir araçtır. JavaScript, TypeScript, CSS, HTML ve daha fazlası dahil olmak üzere birden çok programlama dilini destekler.

Tek bir tuş kombinasyonunda (genellikle Alt + Shift + F veya her kaydettiğinizde) tetiklenen (kuruluşunuz/projeniz için özelleştirebileceğiniz kurallara dayalı) otomatik uygulanan tutarlı kod biçimlendirmesiyle zamandan tasarruf edersiniz, Ctrl Dokümanlardan IDE'ye -C + Ctrl-V çok daha güvenilirdir ve hataları tespit eder ve başarısız yapılarla sonuçlanmadan önce düzeltir.

Kurulduktan sonra, projenizin kök dizininde bir .prettierrc dosyası oluşturarak ayarlarını yapılandırabilirsiniz. Kuruluşunuz genelinde kod biçimlendirmede tutarlılık sağlamak için bu dosyayı kuruluş genelinde dağıtabilir veya başka birinin stilini benimsemek istiyorsanız başkalarınınkini kullanabilirsiniz.

Prettier, kodun okunabilirliğini sağlama endişesini sizin üzerinizden alır ve bu büyük bir meseledir, çünkü kod okunabilirliği, özellikle büyük kod tabanları için, kodun bakımıyla doğrudan ilişkilidir .

4. İthalat Maliyeti — İthalatlarınızın boyutunu hesaplayın.

Import Cost, Wix tarafından oluşturulmuş bir Visual Studio Code uzantısıdır . Bu, içe aktarmalarınızın maliyetini kodunuzla satır içi olarak görüntüleyen ve her içe aktarma boyutunun bir dökümünü sağlayan basit, minimal ancak son derece yararlı bir uzantıdır.

İçe Aktarma Maliyeti ile, hangi içe aktarmaların kodunuzun şişmesine neden olduğunu kolayca belirleyebilir ve bunları optimize etmek için adımlar atabilirsiniz. Bu, özellikle büyük kitaplıklar veya modüllerle uğraştığınız durumlarda uygulamanızın performansını iyileştirmeye yardımcı olabilir.

Kurulduktan sonra, içe aktarmalarınızın boyutunu otomatik olarak izlemeye başlayacak ve bilgileri kodunuzla satır içi olarak gösterecektir.

İthalat Maliyeti ile hangi ithalatların/paketlerin kullanılacağı ve hangilerinden kaçınılacağı konusunda bilinçli kararlar verirsiniz. İçe aktarmalarınızın boyutu hakkında size bilgi vererek, kodunuzun boyutu ve performansı üzerinde en büyük etkiye sahip olanları optimize etmeye öncelik verebilirsiniz.

5. IntelliSense — Kod önerileri ve tamamlamaları.

Çalıştığınız dil için bir Intellisense uzantısı, akıllı kod tamamlama, sözdizimi vurgulama ve diğer kullanışlı özellikleri sağlayarak daha hızlı ve daha verimli kod yazmanıza yardımcı olur.

Karmaşık, modern diller ve geliştirme araçlarıyla çalışırken IntelliSense'in yerini hiçbir şey tutamaz. Bağlamsal öneriler (kod ipuçları) ve kodunuzun sözdizimine, yapısına ve tabii ki kullanılan dile bağlı olarak otomatik tamamlama sağlar. Siz yazarken, geçerli bağlamla ilgili işlevler, yöntemler, özellikler ve diğer öğeler önerebilir.

HTML/CSS, Javascript, TypeScript, Python, Rust, Go ve daha fazlasını içeren çok çeşitli programlama dilleri ve ortamları için Intellisense uzantıları vardır ve hatta Visual Studio Marketplace'te ortak çerçeveler, kitaplıklar ve geliştirme araçları için Intellisense uzantıları vardır. React, Angular, Svelte, Django, Vue, Docker, NPM, Helm… ve hatta Tailwind CSS gibi!

Bonus Seçim — Thunder İstemcisi

Thunder Client, düzenleyici içinden HTTP istekleri göndermenize ve API'leri test etmenize izin veren bir Visual Studio Code uzantısıdır.

Thunder Client'ın en önemli avantajlarından biri, isteklerinizi saklama ve düzenleme yeteneğidir. İstekleri kaydetmenize ve koleksiyonlar halinde gruplandırmanıza olanak tanıyarak, tıpkı Postman gibi, bunları yönetmeyi ve ekibinizle paylaşmayı kolaylaştırır .

Thunder Client ayrıca HTTP istekleriyle çalışmak için çoklu kimlik doğrulama yöntemleri desteği, otomatik yanıt doğrulama ve yanıt süresi takibi gibi çok çeşitli özellikler sağlar. Ayrıca çeşitli programlama dilleri için kod parçacıkları üreterek API çağrılarınızı kodunuza entegre etmeyi kolaylaştırır.

Thunder Client yüklendikten sonra, VS Code kenar çubuğuna yeni bir simge ekleyerek kayıtlı isteklerinize ve koleksiyonlarınıza hızlı bir şekilde erişmenizi sağlar. İşte Thunder Client eklentisinin nasıl kullanılacağına ilişkin ayrıntılı bir kılavuz .

Thunder Client, API testi ve geliştirme iş akışlarını basitleştirdiği için geliştirme ekipleri için değerli bir araçtır. Sezgisel arabirimi, istek yönetimi, çoklu kimlik doğrulama desteği ve otomatik yanıt doğrulaması ile Thunder Client, API'lerle çalışan tüm geliştirici ekipleri için olmazsa olmazdır.

Sarma

Bu makalede, geliştiriciler için en iyi beş VSCode uzantısını ele aldık. Genel olarak, bunlar üretkenliği, kod kalitesini ve işbirliğini geliştiren temel araçlardır.

GitHub Copilot, yapay zeka destekli kod önerileri sunarak daha fazla kodu daha hızlı yazmanıza yardımcı olur. Swimm, IDE'nizdeki ilgili kodun hemen yanında, tam ihtiyacınız olduğu anda kod bağlantılı, otomatik güncellenen belgeleri kolayca oluşturmanıza ve bulmanıza yardımcı olur. Prettier ile kodunuzu tutarlı ve otomatik olarak biçimlendirebilir, zamandan tasarruf edebilir ve hataları azaltabilirsiniz. İçe Aktarma Maliyeti, içe aktarılan modüllerinizin boyutunu ve maliyetini göstererek projenizi optimize etmenize yardımcı olabilir. Son olarak, IntelliSense ile ilgili öneriler ve kod parçacıkları sağlayarak daha hızlı ve daha verimli kod yazabilirsiniz.

Bu eklentileri kullanarak iş akışlarınızı basitleştirebilir, anında iyi belgeler oluşturabilir, kod tutarlılığını geliştirebilir ve müşterilerinizin ihtiyaçlarını karşılayan yüksek kaliteli yazılımlar oluşturabilirsiniz.