Visual Studio Code Temel Kullanım

Bu bölümde Visual Studio Code'a yeni başlayanlar için temel kullanım konularını ele alacağız.

1. Visual Studio Code Nedir?

Visual Studio Code (VS Code), Microsoft tarafından geliştirilen ücretsiz, açık kaynaklı ve platformlar arası bir kod düzenleyicisidir. Hafif yapısı, zengin eklenti ekosistemi ve güçlü özellikleriyle geliştiriciler arasında oldukça popülerdir.

Başlıca özellikleri:

• Hafif ve Hızlı: Düşük sistem kaynaklarıyla bile hızlı çalışır.
• Çoklu Dil Desteği: JavaScript, Python, Java, C++, HTML, CSS ve daha birçok programlama dilini destekler.
• Zengin Eklenti Ekosistemi: Binlerce eklenti ile işlevselliği artırılabilir.
• Entegre Terminal: VS Code içinden komut satırı işlemlerini yapabilirsiniz.
• Git Entegrasyonu: Versiyon kontrol sistemi Git ile sorunsuz entegrasyon sağlar.
• Hata Ayıklama (Debugging): Çoğu dil için güçlü hata ayıklama araçları sunar.

2. Neden VS Code Kullanmalıyız?

VS Code'u tercih etmeniz için birçok neden bulunmaktadır:

• Ücretsiz ve Açık Kaynak: Herkes tarafından ücretsiz olarak kullanılabilir ve geliştirilebilir.
• Platformlar Arası: Windows, macOS ve Linux işletim sistemlerinde sorunsuz çalışır.
• Yüksek Performans: Büyük projelerde bile akıcı bir deneyim sunar.
• Geniş Topluluk Desteği: Büyük bir kullanıcı ve geliştirici topluluğu sayesinde kolayca destek bulabilirsiniz.
• Özelleştirilebilirlik: Temalar, kısayollar ve ayarlar ile tamamen kişiselleştirilebilir.

3. Kurulum ve İlk Ayarlar

Kurulum

Visual Studio Code'u indirmek ve kurmak oldukça basittir:

1. Resmi web sitesi olan code.visualstudio.com adresine gidin.
2. İşletim sisteminize uygun sürümü (Windows, macOS, Linux) indirin.
3. İndirilen kurulum dosyasını çalıştırın ve adımları takip ederek kurulumu tamamlayın.

İlk Ayarlar

Kurulumdan sonra VS Code'u ilk açtığınızda bazı temel ayarları yapabilirsiniz:

• Tema Seçimi: File > Preferences > Color Theme (Dosya > Tercihler > Renk Teması) yolunu izleyerek istediğiniz temayı seçebilirsiniz.
• Dil Paketi: Türkçe dil paketi yüklemek için Extensions (Uzantılar) bölümünden `Turkish Language Pack` aratıp yükleyebilirsiniz.
• Senkronizasyon: Ayarlarınızı ve eklentilerinizi farklı cihazlar arasında senkronize etmek için Settings Sync özelliğini kullanabilirsiniz.

4. Arayüz Tanıtımı

VS Code arayüzü, geliştirme sürecinizi kolaylaştırmak için tasarlanmış çeşitli panellerden oluşur:

• 1. Activity Bar (Etkinlik Çubuğu): Sol tarafta bulunur ve farklı görünümler arasında geçiş yapmanızı sağlar (Explorer, Search, Source Control, Run and Debug, Extensions).
• 2. Side Bar (Yan Çubuk): Etkinlik Çubuğu'ndan seçtiğiniz görünüme göre içeriği değişir. Örneğin, Explorer görünümünde dosya ve klasörlerinizi gösterir.
• 3. Editor Group (Düzenleyici Grubu): Kodunuzu yazdığınız ana alandır. Birden fazla dosyayı yan yana açabilirsiniz.
• 4. Panel: Alt kısımda bulunur ve Terminal, Output, Debug Console ve Problems gibi araçları içerir.
• 5. Status Bar (Durum Çubuğu): En altta bulunur ve açık dosya, dil modu, Git durumu, hatalar ve uyarılar gibi bilgileri gösterir.

5. Temel Dosya ve Klasör İşlemleri

VS Code içinde dosya ve klasörlerle çalışmak oldukça kolaydır:

• Dosya Açma: File > Open File... veya Ctrl+O (macOS: Cmd+O).
• Klasör Açma (Proje Açma): File > Open Folder... veya Ctrl+K Ctrl+O (macOS: Cmd+K Cmd+O). Bir klasörü açtığınızda, VS Code o klasörü bir çalışma alanı olarak kabul eder ve tüm dosyalarınıza kolayca erişebilirsiniz.
• Yeni Dosya Oluşturma: File > New File veya Ctrl+N (macOS: Cmd+N).
• Dosya Kaydetme: File > Save veya Ctrl+S (macOS: Cmd+S).
• Farklı Kaydetme: File > Save As... veya Ctrl+Shift+S (macOS: Cmd+Shift+S).
• Dosya ve Klasör Oluşturma/Silme/Yeniden Adlandırma: Explorer (Yan Çubuk) üzerinden sağ tıklama menüsü ile bu işlemleri yapabilirsiniz.

6. Metin Düzenleme Temelleri

VS Code, verimli kod yazmak için birçok metin düzenleme özelliği sunar:

• Çoklu İmleç (Multi-cursor): Alt tuşuna basılı tutarak istediğiniz yerlere tıklayarak birden fazla imleç oluşturabilirsiniz. Bu, aynı anda birden fazla yerde değişiklik yapmanızı sağlar.
• Satır Taşıma: Bir satırı yukarı veya aşağı taşımak için Alt + Yukarı/Aşağı Ok tuşlarını kullanın.
• Satır Kopyalama: Bir satırı kopyalamak için Shift + Alt + Yukarı/Aşağı Ok tuşlarını kullanın.
• Satır Silme: Bir satırı silmek için Ctrl+Shift+K (macOS: Cmd+Shift+K) kullanın.
• Kelimeye Göre Atlama: Ctrl + Sol/Sağ Ok (macOS: Option + Sol/Sağ Ok) ile kelime kelime atlayabilirsiniz.
• Seçili Metni Yorum Satırı Yapma: Ctrl+/ (macOS: Cmd+/) ile seçili metni yorum satırı yapabilir veya yorum satırını kaldırabilirsiniz.

7. Kısayollar

VS Code, iş akışınızı hızlandırmak için zengin bir kısayol setine sahiptir. En sık kullanılanlardan bazıları:

• Ctrl+P (macOS: Cmd+P): Dosya arama ve açma.
• Ctrl+Shift+P (macOS: Cmd+Shift+P): Komut Paleti'ni açma (tüm VS Code komutlarına erişim).
• Ctrl+B (macOS: Cmd+B): Yan Çubuğu gizleme/gösterme.
• Ctrl+` (macOS: Cmd+`): Entegre Terminali açma/kapatma.
• Ctrl+F (macOS: Cmd+F): Dosya içinde arama.
• Ctrl+H (macOS: Cmd+H): Dosya içinde değiştirme.
• Ctrl+Shift+F (macOS: Cmd+Shift+F): Proje genelinde arama.
• F12: Tanıma git (Go to Definition).
• Alt+F12: Tanımı önizle (Peek Definition).

8. Ayarlar ve Tercihler

VS Code'u kendi çalışma tarzınıza göre özelleştirebilirsiniz:

• Ayarlar (Settings): File > Preferences > Settings veya Ctrl+, (macOS: Cmd+,) ile açılır. Burada font boyutu, otomatik kaydetme, dosya ikonları gibi birçok ayarı değiştirebilirsiniz.
• JSON Ayarları: Ayarların daha detaylı kontrolü için settings.json dosyasını doğrudan düzenleyebilirsiniz. Bu dosyaya Ayarlar arayüzünden `Open Settings (JSON)` seçeneği ile ulaşabilirsiniz.
• Klavye Kısayolları (Keyboard Shortcuts): File > Preferences > Keyboard Shortcuts veya Ctrl+K Ctrl+S (macOS: Cmd+K Cmd+S) ile kısayolları görüntüleyebilir ve değiştirebilirsiniz.