1-) Live Server
Yaptığınız Front-End geliştirmelerde sayfayı yenilemekten bıktıysanız bu eklenti yazılım dünyanızda yeni bir çağ başlatacak kadar mükemmel diyebilirim Bir kere alt kısımdan Go Live dedikten sonra bir daha sayfa yenilemenize gerek kalmayacak. Yaptığınız her değişiklikten sonra programa kaydet emri vermenizle birlikte görünüm kısmınız kendisini otomatik yenileyecektir. Gifte de göründüğü gibi.
Link: Live Server
2-) Minify
Kodunuzu küçültmeye yarayan bir eklentidir. Çokça özelleştirme ayarları ve kaydetme, .min dosyasına dışa aktarma işlemlerini otomatik olarak küçültme seçeneği sunar. Minify sadece JavaScript, CSS ve HTML ile düzgün olarak çalışır. Gifteki panelin kısayolunu bilmeyen arkadaşlar için Ctrl+p kombinasyonu ile paneli açabilirsiniz.
Link: Minify
3-) Css Peek
CSS Peek eklentisiyle, Visual Studio Code’a bir satır içi CSS düzenleyicisi ekleyebilirsiniz. Adobe’nin Brackets kod editöründen ilham alınarak geliştirilen CSS Peek, bir HTML dosyasını düzenlerken CSS dosyasının satırlarını bulunduğunuz ekrandan ayrılmadan düzenlemenize yardımcı olur. Aynı sayfada görüntülemek için Ctrl+Shift+F12 kısayolunu, .css klasörünüzdeki classa gitmek için F12 kısayolunu kullanabilirsiniz.
Link: Css Peek
Bu eklentileri bizzat kendim kullandığım ve işimi kolaylaştırdığı için konuya döküp sizlerle de paylaşmak istedim. Kurulum veyahut kullanım konusunda problem yaşarsanız konu altında veya özel dm ile iletişime geçerseniz yardımcı olabirim. VS Code için genellikle kullanışlı kısayol tuşlarıda çok bilinmiyor bununla ilgili istek olursa detaylı bir şekilde kısayollar konusuda paylaşabilirim sizlerle.
Yaptığınız Front-End geliştirmelerde sayfayı yenilemekten bıktıysanız bu eklenti yazılım dünyanızda yeni bir çağ başlatacak kadar mükemmel diyebilirim Bir kere alt kısımdan Go Live dedikten sonra bir daha sayfa yenilemenize gerek kalmayacak. Yaptığınız her değişiklikten sonra programa kaydet emri vermenizle birlikte görünüm kısmınız kendisini otomatik yenileyecektir. Gifte de göründüğü gibi.
Link: Live Server
2-) Minify
Kodunuzu küçültmeye yarayan bir eklentidir. Çokça özelleştirme ayarları ve kaydetme, .min dosyasına dışa aktarma işlemlerini otomatik olarak küçültme seçeneği sunar. Minify sadece JavaScript, CSS ve HTML ile düzgün olarak çalışır. Gifteki panelin kısayolunu bilmeyen arkadaşlar için Ctrl+p kombinasyonu ile paneli açabilirsiniz.
Link: Minify
3-) Css Peek
CSS Peek eklentisiyle, Visual Studio Code’a bir satır içi CSS düzenleyicisi ekleyebilirsiniz. Adobe’nin Brackets kod editöründen ilham alınarak geliştirilen CSS Peek, bir HTML dosyasını düzenlerken CSS dosyasının satırlarını bulunduğunuz ekrandan ayrılmadan düzenlemenize yardımcı olur. Aynı sayfada görüntülemek için Ctrl+Shift+F12 kısayolunu, .css klasörünüzdeki classa gitmek için F12 kısayolunu kullanabilirsiniz.
Link: Css Peek
Bu eklentileri bizzat kendim kullandığım ve işimi kolaylaştırdığı için konuya döküp sizlerle de paylaşmak istedim. Kurulum veyahut kullanım konusunda problem yaşarsanız konu altında veya özel dm ile iletişime geçerseniz yardımcı olabirim. VS Code için genellikle kullanışlı kısayol tuşlarıda çok bilinmiyor bununla ilgili istek olursa detaylı bir şekilde kısayollar konusuda paylaşabilirim sizlerle.
Son düzenleme: