Flutter son birkaç yılda büyük bir popülerlik kazandı ve bende bu yazımda size flutter’da rahatça çalışmanız ve üretkenliğinizi artırmanız için sahip olmanız gereken ve benimde büyük bir zevkle kullandığım VS Code eklentilerini göstereceğim.
#1 Bracket Pair Colorizer 2
Flutter’da genellikle çok fazla parantez kullanıyoruz. Widget’ları iç içe yerleştirmeye başladığımızda, parantez çiftlerini hızlı ve kolay bir şekilde tespit etmemiz zor olabiliyor. Bu eklenti eşleşen parantezleri renklerle tanımlıyor ve bu sayede bir parantezin eşini bulmak daha kolay bir hal alıyor.
Bracket Pair Colorizer 2 eklentisi adeta bir cankurtaran görevi görüyor.
#2 Pubspec Assist
Flutter ile çalışmaya başladığımda karşılaştığım sorunlardan biri, paketleri içe aktarmak ve güncel tutmaktı.
Pubspec Assist, pubspec.yaml dosyasına kolayca bağımlılıklar eklememize yarayan bir eklentidir. Bu eklenti bağımlılıkların en son sürümü ekler ve ayrıca mevcut bağımlılıkları güncellemek için de kullanılabilir.
Tek yapmanız gereken, command pallette açıp, “Pubspec Assist: add/update dependencies”i seçtikten sonra ihtiyacınız olan bağımlılığın adını yazmaktır. Otomatik olarak pubspec.yaml dosyanıza eklenecektir.
#3 Better Comments
Bu eklenti kodunuzda daha fazla kullanıcı dostu yorum oluşturmanıza olanak sağlayan bir eklentidir. Yorumları daha okunaklı hale getiren renkli yorumlar oluşturmaya yardımcı olur.
Ayrıca, bu eklenti ile ek açıklamalarınızı aşağıdaki kategorilere ayırabiliyorsunuz.
- Alerts
- Queries
- TODOs
- Highlights
Örneğin, bir koda geri dönmem ve yeniden düzenleme yapmam gerektiğini hatırlatmak için sık sık TODO kullanıyorum.
#4 Flutter Tree
Flutter Tree, flutterda widget oluşturmamızı daha kolay bir şekilde yapmamızı sağlayan bir eklentidir.
#5 Dart Getters ve Setters
Bu eklentiyi kullanarak, gerekli tüm değişkenler için kolayca getter ve setter tanımlamasını yapabiliriz.
Getter: classlardaki değerlere dönecek olan metodlar.
Setter: classlardaki değerleri belirleyecek olan metodlardır.
#6 Path Autocomplete
Path Autocomplete eklentisi dosyalarınız veya klasörleriniz için yol tamamlamaları sağlayan çok kullanışlı bir eklentidir. Dosyalarımıza resim veya herhangi bir kaynak eklemeyi kolaylaştırır.
#7 Image preview
Kodlardaki resim yolunun üzerine fareyle gelindiğinde görüntü önizlemesini gösteren kullanışlı ve güzel bir eklentidir.
VS Code için sizin kullandığınız başka eklentiler veya ipuçlarınız varsa, aşağıya yorum yapmaktan çekinmeyin. 🙂