Visual Studio Code Nedir? Kullanım Avantajları Nelerdir

Visual Studio Code, Microsoft tarafından geliştirilen ve yaygın olarak kullanılan ücretsiz ve açık kaynaklı bir metin düzenleyici ve entegre geliştirme ortamıdır (IDE). Visual Studio Code, Windows, macOS ve Linux işletim sistemleri üzerinde çalışabilir.

Visual Studio Code, hafif bir yapıya sahip olup, geniş bir programlama dili ve teknoloji desteği sunar. Aslında tam bir editor görevi görür. Gelişmiş kullanımları destekleri kullanıcı deneyimlerine ve extensions (paketlere) bırakır. Böylece basit ve kullanıcı odaklı proje geliştirme ortamı sağlar.

Visual Studio Code birçok farklı programlama dili için ek özellikler içerir ve geliştiricilere çeşitli projelerde kişileştirilmiş bir çalışma imkanı sunar. Bu yazımızda ise Visual Studio Code’un öne çıkan bazı temel özelliklerini ele alacağız.

Cross Platform

VS Code, macOS, Linux ve Windows işletim sistemlerinde çalışan ücretsiz bir kod editörüdür.

Extensions (Uzantılar)

Visual Studio Code’un eklenti sistemi ile üçün taraf kişilerin Visual Studio Code sistemine destek vermesini sağlar. Böylelikle kullanıcıları editörü kendi ihtiyaçlarına göre özelleştirmelerini sağlar. Bu da kullanıcı odaklı bir deneyim sağlar.

Eklentiler, farklı dillerin desteklenmesi, hata ayıklama, kod tamamlama, tema ve daha fazlası gibi çeşitli konularda olabilir.

Popüler ve Temel Eklentiler:

1. C# for Visual Studio Code: C# geliştiricileri için resmi Microsoft eklentisi. C# kodu düzenlerken, hata ayıklama yaparken ve geliştirilirken kullanılır.
2. Python: Python programlama dili için resmi eklentidir. Python dosyalarını düzenlerken, hata ayıklama yaparken ve paket yönetimi işlemlerini gerçekleştirirken kullanılabilir.
3. JavaScript (ES6) code snippets: JavaScript için kod parçacıkları ekleyen bir eklenti. Bu, JavaScript dosyalarını daha hızlı yazmanıza yardımcı olur.
4. GitLens – Git supercharged: Git versiyon kontrol sistemi için gelişmiş özellikler ekleyen bir eklenti. Proje geçmişini inceleme, değişiklikleri karşılaştırma ve diğer Git işlemlerini gerçekleştirme gibi özellikler sunar.
5. Live Server: Web geliştirme için bir canlı sunucu sağlayan eklenti. HTML, CSS ve JavaScript dosyalarını düzenlerken, değişikliklerin canlı olarak tarayıcıda görüntülenmesini sağlar.
6. Prettier – Code formatter: Kod biçimlendirme için bir eklenti. Kodu belirli bir biçimde düzenler ve standartlarınıza uygun hale getirir.
7. Bracket Pair Colorizer 2: Parantez çiftlerini renklendirerek, kodunuzu daha okunabilir hale getiren bir eklenti.
8. Material Theme: Visual Studio Code’un tema sistemine Material Design temaları ekleyen bir eklenti. Farklı renk şemaları ve görünümler sunar.
9. ESLint: JavaScript ve TypeScript dosyalarında kod kalitesini kontrol eden bir eklenti. Projenizdeki hataları ve uyumsuzlukları belirler ve size bildirir.
10. Docker: Docker konteynerleri ve Dockerfile’larını düzenlerken, yönetirken ve çalıştırırken kullanılabilen bir eklenti.

Command Palette

Visual Studio Code’un Command Palette’i, kullanıcıların çeşitli işlevlere ve komutlara hızlı bir şekilde erişmelerini sağlayan güçlü bir araçtır. Command Palette’i açmak için ⇧⌘P veya Ctrl+Shift+P klavye kısayolu kullanılır.

Visual Studio Code’un Command Palette’i, kullanıcılara aşağıdakiler de dahil olmak üzere bir dizi işlevi gerçekleştirme imkanı sunar:

1. Dosya açma veya kaydetme
2. Eklenti yönetimi (yükleme, etkinleştirme, devre dışı bırakma)
3. Hata ayıklama komutları (başlatma, durdurma, adım atma)
4. Terminal işlemleri (yeni terminal oluşturma, terminali kapatma)
5. Ayarları yapılandırma veya değiştirme
6. Çeşitli dil ve kod düzenleme işlevleri
7. Git işlemleri (daldırma, geri al, commit gibi)
8. Diğer özelleştirme ve yapılandırma seçenekleri

Visual Studio Code Kısayollar

Snippets

Visual Studio Code’un Snippets (parçacıklar) özelliği, geliştiricilerin tekrarlanan kod bloklarını veya şablonları hızlıca eklemelerini sağlayan bir araçtır. Snippets, belirli bir dil veya framework için önceden tanımlanmış kod blokları veya şablonlarını içerir ve bu şablonları eklemek için belirli bir kısayol kullanılır.

Visual Studio Code’un Snippets özelliği, dil spesifik snippet’ler içerir ve kullanıcının dil özelliklerine göre dinamik olarak değişir. Örneğin, HTML dilinde, “html” yazarak bir HTML belgesi şablonunu ekleyebilirsiniz. Benzer şekilde, “for” yazarak bir döngü şablonunu, “if” yazarak bir koşul ifadesi şablonunu veya “class” yazarak bir sınıf tanımı şablonunu ekleyebilirsiniz.

Bunların yanı sıra, Visual Studio Code’da kendi özelleştirilmiş snippet’lerinizi de oluşturabilirsiniz. Özelleştirilmiş snippet’ler, sık kullandığınız kod parçalarını veya şablonlarınızı tanımlamanıza ve kendi kısayollarınızı oluşturmanıza olanak tanır.

Snippets özelliğini kullanmak için genellikle iki ana yol vardır:

1. Kod Tamamlama: Bir kısayolu yazdıktan sonra Visual Studio Code, mevcut snippet’leri ve kendi özelleştirdiğiniz snippet’leri öneri olarak gösterebilir. Enter tuşuna basarak bir snippet’i seçebilirsiniz.
2. Command Palette: Command Palette’i (genellikle Ctrl+Shift+P) kullanarak “Insert Snippet” (Snippet Ekle) komutunu aratarak ve çalıştırarak snippet’leri manuel olarak ekleyebilirsiniz.

Emmet

Visual Studio Code’un içerisinde yerleşik olarak Emmet özelliği bulunur. Emmet, hızlı ve verimli bir şekilde HTML ve CSS kodları yazmanıza yardımcı olan bir araçtır. Özellikle web geliştirme sürecinde sıkça kullanılan tekrarlayan kod bloklarını veya şablonlarını hızlıca oluşturmanıza olanak sağlar.

Emmet’i kullanarak, kısayol kodlarını yazarak kompleks HTML ve CSS yapılarını hızlıca oluşturabilirsiniz. Örneğin, “html:5” yazarak bir HTML5 belgesi şablonu ekleyebilir veya “ul>li*5” yazarak beş öğeden oluşan bir liste oluşturabilirsiniz. Benzer şekilde, CSS’de de kısayolları kullanarak kolaylıkla stil tanımlamaları yapabilirsiniz.

Kolay Kullanım

Multiple Selections (Çoklu Seçim)

Visual Studio Code’un Multiple Selections (Çoklu Seçim) özelliği, aynı anda birden fazla metin seçmenize ve bu metinler üzerinde aynı işlem uygulamanıza olanak sağlar.

Alt+Click yönergesiyle birden fazla satır seçebilir ve işlem yapmaya başlayabilirsiniz. Veya seçimi klavyeden yapmak istiyorsanız Ctrl+Alt+Down veya Ctrl+Alt+Up tuşlarını kullanabilirsiniz.

Ctrl+D ile imlec ile işaretlediğin sözcüğün bir sonraki tekrarını seçer.

Auto Save

Dosyalarınızı manuel olarak kaydetmek zorunda kalmadan değişikliklerinizi otomatik olarak kaydederek, kaydedilmemiş değişikliklerin kaybolmasını önler. Otomatik Kaydetmeyi açmak için File (Dosya) > Auto Save (Otomatik Kaydetme) butonunu kullanmaktır.

Auto Save’in üç farklı modu bulunur:

• Off (Kapalı): Bu modda, Auto Save özelliği devre dışı bırakılmıştır. Dosyalarınızı manuel olarak kaydetmeniz gerekecektir.
• After Delay (Gecikmeden Sonra): Bu modda, belirli bir gecikme süresinden sonra değişiklikleriniz otomatik olarak kaydedilir.
• On Window Change (Pencere Değişikliğinde): Bu modda, dosyalarınız otomatik olarak kaydedilir, ancak yalnızca dosya düzenleme penceresi değiştiğinde (örneğin, bir dosyadan diğerine geçtiğinizde) veya Visual Studio Code penceresi kapatıldığında.

Kod Formatı

VS Code, kaynak kodu format olarak biçimlendirmek için iki önemli kısayola sahiptir.

• Format Document (Shift+Alt+F): Tüm belgeyi düzenler.
• Format Selection (Ctrl+K Ctrl+F): Seçili alanı düzenler.