Flutter Geliştiricilerinin Kullanması Gereken 4 Eklenti

Herkese merhabalar, bu yazımda Flutter geliştiricilerinin, ya da yeni başlayacakların kurması gereken 4 eklentiden bahsedeceğim. Hemen başlayalım 😊

1- Awesome Flutter Snippets

Bu eklenti, belki de Flutter geliştiricilerinin en çok kullandığı, veya ihtiyacı olduğu eklentilerden birisidir. Eklenti, size Flutter’in olmazsa olmazlarını kolayca şablon olarak veriyor size.

Örneğin; bir StatelessWidget’e ihtiyacınız var. Eklenti bunu aşağıdaki resimde olduğu gibi getiriyor ve ismini de toplu olarak güncelleyebiliyorsunuz.

2- Bracket Pair Colorizer

Bu eklentiyi, sadece Flutter geliştiricileri değil, tüm Vs code kullanan geliştiricilerin kullanması gerektiğini düşünüyorum. Çünkü, özellikle Flutter açısından ele alacaksak; biliyorsunuz ki Flutter de çok fazla süslü parantez kullanıyoruz. Bu eklenti iç içe olan süslü parantezleri renklendiriyor. Böylece Class parantezimi, fonksiyon parantezimi, widget parantezimi hemen anlayabiliyorsunuz.

3- Error Lens

Bu eklentiyi aslında çoğu geliştirici bilmez. Kısaca anlatmak gerekirse, yazdığınız kodda ki hataları, uyarıları hemen kodun yanına renklendirilmiş bir biçimde yazıyor. Böylece uygulamayı debug etmeden hatayı görebiliyor ve düzeltebiliyorsunuz. Hemen kısaca örnekle göstermek gerekirse, bu şekilde bir işlevi var eklentinin.

Aşağıda ekran görüntüsünde olduğu gibi, hata olan satırın yanına farklı renklerle yazıyor.

4- Dart Getters And Setters

Bu eklenti, isminden de anlayabileceğimiz gibi, get ve set yapmamızı sağlıyor. Diyelim ki bir classınız var ve bu class içindeki private fieldlere başka bir yerden ulaşmak istiyorsunuz. O halde get ve set kullanmalısınız. Bu eklenti ise, tek tuşla tüm fieldleriniz için get ve set metodlarını oluşturuyor.

Eklentiyi kurduğunuz da, sağ tık yaptığınızda en üstte generate getter and setter diye bir seçenek çıkıyor. Fieldlerinizi seçip buna bastığınızda ise otomatik olarak oluşturuyor.

BONUS- CodeSnap

Bu eklenti, blog yazıları yazan ya da twitter gibi sosyal medya platformlarında paylaşım yapanların oldukça işine yarayacak. Seçtiğiniz kodun Mac ortamına göre ekran görüntüsü almanıza yarıyor. Eklentiyi Kurup Ctrl+Shift+P basıp codesnap seçmeniz yeterli.

Umarım bu yazı işinize yaramıştır. Diğer yazılarımız da görüşmek üzere. İyi kodlamalar 😊