Visual Studio Code İçin En Popüler ve Kullanışlı Eklentiler - MeaMi

meami21

Katılımcı Üye
26 Eyl 2013
850
25
Eskişehir
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.
 
Son düzenleme:

meami21

Katılımcı Üye
26 Eyl 2013
850
25
Eskişehir
Ellerine emeğine sağlık



Emeğinize sağlık hocam yararlı bir konu olmuş :)

Ellerinize sağlık.
Hepinize teşekkür ederim. Takipte kalmaya devam edin visual studio ve visual studio code ile ilgili daha çok konu gelecek :)
 

NOTUS

Katılımcı Üye
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.
Elinize sağlık efendim
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.