Visual Studio Code İçin Kullandığım Eklentiler ve Ayarlar
İster arayüz geliştiricisi olun ister arkaplan geliştiricisi. Her ne olursanız olun bir kod düzenleme editörüne ihtiyaç duyuyorsunuz. Şuana kadar Notepad++, Sublime Text gibi editörler kullandım ancak yaklaşık 1,5 yıldır Microsoft tarafından geliştirilen ücretsiz kod düzenleme editörü olan Visual Studio Code programını kullanmaktayım.
Gerek büyük,karmaşık tüm projeler de oldukça stabil ve işlevsel bir editör olan Visual Studio Code benim için yeri değişemez bir editör oldu diyebilirim.Bu blog yazımda ise kendim Visual Studio Code’de kullandığım eklentiler, temalar ve kendi kişisel yapılandırmamı anlatacağım.
Tema Ayarlarım
Tema olarak VS Code’nin standart teması olan Dark+ (default dark) kullanıyorum. Birçok tema var ancak özellikle gece kod yazmaya alışık olduğum için göz yormaması ve kodlamaları mı rahat görebilmek için bu temayı tercih ediyorum.
Font Ayarlarım
Bu benim çok önemlidir. Tasarımlarım da ve kullandığım kod editörün de fonta çok dikkat etmekteyim. VS Code’de font ailesi olarak Consolas, ‘Courier New’, monospace kullanmaktayım. Fontların büyüklüğü ise 14px ‘dir.
Otomatik Kaydet
Kodlama yaparken dosyayı kaydetme işlemini hepimiz unutabiliyoruz veya bir anlık dalgınlıkla dosyayı kaydetmeden kapatma gibi gaflete düşebiliyoruz. Bu yüzden VS Code‘nin sunmuş olduğu otomatik kayıt özelliğini kullanıyorum ve bunu afterDelay olarak kullanıyorum. Her 1000 saniye de bir dosyada değişiklik olduğunda otomatik kayıt yapıyor.
Toplu Ayarlarım
VS Code güncel sürümünden önce program ayarlarını yapılandırmak için aynı kod yazar gibi ayarların kodlarını yazıyorsunuz ve o şekilde ayarlamalar yapıyordunuz. Yani, sizin için buton, text alanı oluşturmamıştı ancak son güncel sürümde yukarıda ki resimde ki ayarları yapılandırabiliyorsunuz.
Tek tek ayarları bulmak uğraşmak istemeyenler settings.json dosyalarına aşağıda ki kodları eklemeleri yeterli.
{
"files.autoSave": "afterDelay",
"workbench.startupEditor": "newUntitledFile",
"editor.minimap.enabled": false,
"editor.renderControlCharacters": true,
"workbench.sideBar.location": "left",
"editor.renderWhitespace": "none",
"workbench.enableExperiments": false,
"workbench.activityBar.visible": false,}Kullandığım Eklentiler ve Eklenti Ayarları
Hem arayüz geliştirirken hem arkaplan işlemleri yaparken birkaç tane eklenti kullanmaktayım bunlar sırası ile:
1- PHP Debug
Bu eklenti ile php ile yazdığım kodların anlık olarak çalıştırabiliyor ve yazdığım kod satırında bir hata var ise bunu görmemi sağlıyor. Yani bir nevi php kodunun çalışıp, çalışmadığını kontrol ettiğim bir eklentidir.
2- XML Tools
XML formatında dosyaları kolaylıkla hazırlayabilmek ve varolan xml dosyalarını düzenleyemebilmek için bana kolaylık sağlayan bir eklentidir.
3- npm
npm kütüphanesini kullanabilmek için kullandığım oldukça işime yarayan, sıkça kullandığım eklentidir.
4- Live SASS Compiler
Sass formatında CSS kodları yazmak için kullandığım bir eklentidir. Arayüz geliştiricisi arkadaşlar için şiddetle tavsiye ettiğim bir eklentidir. Bu eklenti için özel bir kaç ayarlamalar yaptım, bu ayarları yine settings.json dosyasınıza kaydetmeniz gerekiyor.
"liveSassCompile.settings.formats":[
{
"format": "compressed",
"extensionName": ".min.css",
"savePath": "/assets/css",
},
],
"liveServer.settings.donotShowInfoMsg": false5- Live Server
Bu eklenti sayesinde CSS & HTML kodlaması yaparken yazdığım kodları tarayıcıdan canlı canlı görebilmemi sağlıyor. Her yazdığım kod ile sayfayı yenilemek zorunda kalmıyorum, bu eklenti çalışma yaptığım dosyayı takip ediyor ve bir değişiklik olduğu anda sayfayı yeniliyor. Bundan dolayı oldukça hızlı bir şekilde tasarımlar gerçekleştirebiliyorum.
Kullandığım tüm bu eklentileri Visual Studio Code programın arayüzünden Dosya (File) -> Tercihler (Preferences) -> Eklentiler (Extensions) kısmından arama yaptırarak bulabilir ve programınıza dahil edebilirsiniz. Eğer, bilgisayarınızda Microsoft Visual Studio Code yok ise buraya tıklayarak ücretsiz olarak indirebilirsiniz.
Yazı Etiketleri
Yazı Bağlantısını Kopyala & Paylaş
Benzer Yazılar
-
En Popüler 5 CSS Kütüphanesi 2019
Web geliştiricileri olarak işimizi büyük ölçüde kolaylaştıran CSS kütüphaneleri mevcut. CSS3 teknolojisinin ortaya çıkmasıyla kazanılan kolaylıklar bu CSS kütüphanelerinin artmasını sağladı. Kütüphanelerin çeşidi ve sayısı artıkça arayüz ya da bir değiş ile ön yüz geliştiricilerin işi bir hayli kolaylaştı. Projelerinizi çok daha etkin ve kolay yönetebilmenizi, efekt verebilmenizi sağlayan bu… -
Bir İnternet Sitesi Nasıl Hızlanır? (Zaman Algısı)
Geldiğimiz şu noktada her işimizi hızlı bir şekilde yapmaya çalışıyoruz, her şey hızlı olmak zorunda. Ben de dahil olmak üzere tüm geliştirici ve kullanıcı olarak düşünen herkes, hıza "iş" olarak odaklanıyoruz. Sonuçta hepimizi en iyi sonuçlara yönlendirilmeyi severiz, en hızlı şekilde sonuca ulaşmayı hedefleriz lakin izlenmesi gereken net bir yol… -
Google’ın Yeni Search Console Güncellemesi
Geçtiğimiz yıl Google, site yöneticilerini yakından ilgilendiren bir güncelleme gerçekleştirdi. Ücretsiz olarak internet sitesi sahiplerinin kullanmakta olduğu Google Search Console servisi diğer Google servisleri gibi bir takım arayüz güncellemeleri almıştı. Beta olarak kullanıma sunulan bu yeni search console güncellemesi eski search console'un yerini alması planlandı. Artık resmi olarak tüm internet… -
Toplumsal Hezeyan – 31 Mart 2019 Yerel Seçimleri
31 Mart 2019 yerel seçimlerine sayılı günler kaldı ve bu yerel seçim diğer yerel seçimlerinden çok farklı bir seçim oluyor. Bu seçimde il, ilçe belediye başkanları, mahalle muhtarları ve il meclis üyeleri seçilecek. Her genel seçimden sonra yaptığımız gibi normal bir seçim aslında ama hükumet partisi öyle bir seçim atmosferi,…
Bir Cevap Yaz