VS Code Kurulumu ve Faydalı Ayarlar

01VS Code Nedir, Neden Tercih Edilir?

Visual Studio Code, Microsoft'un geliştirdiği ücretsiz ve açık kaynak tabanlı bir kod editörüdür. Hafiftir, Windows, macOS ve Linux'ta aynı şekilde çalışır ve binlerce eklentiyle HTML'den Python'a kadar hemen her dile uyum sağlar.

Yerleşik terminal, Git entegrasyonu, akıllı kod tamamlama ve hata ayıklayıcı tek pencerede gelir. Bu yüzden web geliştiriciler, öğrenciler ve sitesinin küçük düzenlemelerini kendisi yapan işletme sahipleri için varsayılan editör hâline geldi.

Adı benzese de Visual Studio ile aynı ürün değildir. Visual Studio büyük .NET projelerine yönelik, çok daha ağır bir geliştirme ortamıdır; VS Code ise hızlı açılan, eklentilerle büyüyen bir editördür.

Kurulum yapamadığınız bir bilgisayardaysanız tarayıcıda çalışan vscode.dev sürümüyle küçük düzenlemeler yapabilirsiniz. Ancak terminal ve eklentilerin çoğu yalnızca masaüstü sürümde tam çalışır; bu rehberdeki adımlar masaüstü kurulum içindir.

02Windows, macOS ve Linux'ta Kurulum

Resmî indirme adresi code.visualstudio.com sitesidir; başka sitelerden kurucu indirmeyin. İşletim sisteminize uygun yolu seçin.

Windows

User Installer, yönetici yetkisi istemeden yalnızca sizin hesabınıza kurulum yapar ve çoğu kullanıcı için önerilen seçenektir. Kurulum sırasında Add to PATH ile Explorer bağlam menüsüne “Open with Code” seçeneklerini işaretleyin; klasöre sağ tıklayıp doğrudan editörde açabilirsiniz.

winget install -e --id Microsoft.VisualStudioCode

macOS

İndirdiğiniz uygulamayı Applications klasörüne taşıyın. Terminalden code komutunu kullanabilmek için editörde Cmd+Shift+P ile komut paletini açıp Shell Command: Install 'code' command in PATH komutunu çalıştırın.

brew install --cask visual-studio-code

Linux

Debian ve Ubuntu tabanlı sistemlerde sitedeki .deb paketini, Fedora gibi sistemlerde .rpm paketini kurabilirsiniz. .deb paketi, güncellemeler için Microsoft deposunu sisteme ekler. Snap kullanan dağıtımlarda tek komut yeterlidir.

# İndirilen .deb paketiyle (Ubuntu / Debian)
sudo apt install ./code_*.deb

# Snap ile
sudo snap install code --classic

03VS Code Türkçe Nasıl Yapılır?

Arayüzü Türkçe yapmak için Microsoft'un resmî Turkish Language Pack eklentisini kurmanız yeterlidir. Eklentiler panelinde (Ctrl+Shift+X) “Turkish” yazıp kurun; editör yeniden başlatmayı önerdiğinde onaylayın.

Dil seçeneğini sonradan değiştirmek için komut paletinde Configure Display Language komutunu çalıştırıp listeden dili seçin. İnternetteki örneklerin çoğu İngilizce menü adlarıyla yazıldığından, bazı geliştiriciler bilerek İngilizce arayüzde kalmayı tercih eder; bu tamamen kişisel bir seçimdir.

code --install-extension MS-CEINTL.vscode-language-pack-tr

04İlk Kurulumda Faydalı Eklentiler

Eklenti çok ama az ve doğru eklenti daha iyidir: her eklenti açılış süresini ve bellek kullanımını artırır. Web geliştirme için başlangıçta şu listeyi öneriyoruz; eklenti kimlikleriyle komut satırından da kurabilirsiniz.

• Eklenti kurmadan önce yayıncı adını ve indirme sayısını kontrol edin; benzer adlı sahte eklentilere dikkat edin.
• Kullanmadığınız eklentileri kaldırın ya da yalnızca ilgili çalışma alanında etkinleştirin.

code --install-extension esbenp.prettier-vscode
code --install-extension dbaeumer.vscode-eslint
code --install-extension EditorConfig.EditorConfig

# Kurulu eklentileri listele
code --list-extensions

05Önerilen VS Code Ayarları

Ayarları arayüzden (Ctrl+, ) değiştirebilir ya da komut paletinden Preferences: Open User Settings (JSON) ile doğrudan settings.json dosyasını düzenleyebilirsiniz. Aşağıdaki ayarlar, çoğu web projesi için iyi bir başlangıç noktasıdır.

En etkili ayar kaydederken biçimlendirmedir: dosyayı her kaydettiğinizde Prettier kodu düzenler, girinti tartışmaları ortadan kalkar.

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "files.autoSave": "onFocusChange",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.eol": "\n"
}

Proje bazlı ayarlar

Kurallar projeden projeye değişiyorsa ayarları proje klasöründeki .vscode/settings.json dosyasına yazın. Bu dosya depoya eklendiğinde ekipteki herkes aynı biçimlendirme kurallarıyla çalışır.

Profillerle düzen kurma

Farklı işler için farklı eklenti setleri kullanıyorsanız profil özelliği işinizi kolaylaştırır. Örneğin bir “Web” profilinde Prettier ve ESLint, bir “Python” profilinde yalnızca Python eklentileri açık olur. Profiller, sol alttaki dişli simgesindeki Profiles menüsünden oluşturulur ve klasöre göre değiştirilebilir. Böylece her projede yalnızca ihtiyaç duyduğunuz eklentiler yüklenir, editör daha hızlı açılır.

WSL ve uzak bağlantı

Windows'ta Linux araçlarıyla çalışıyorsanız Microsoft'un WSL eklentisi, VS Code'u Linux ortamındaki dosyalara doğrudan bağlar; terminal, eklentiler ve Git Linux tarafında çalışır. Aynı aileden Remote - SSH eklentisi ise bir sunucudaki dosyaları yerel bilgisayarınızdaymış gibi düzenlemenizi sağlar.

Ayarları senkronize etme

Birden fazla bilgisayar kullanıyorsanız sol alttaki hesap simgesinden Settings Sync özelliğini açın. Microsoft ya da GitHub hesabınızla ayarlar, eklentiler ve kısayollar otomatik eşitlenir.

06Git Entegrasyonu ve Yerleşik Terminal

VS Code, bilgisayarınızda kurulu Git'i otomatik algılar. Soldaki kaynak denetimi panelinde (Ctrl+Shift+G) değişen dosyaları görür, satır satır farkları inceler, commit mesajı yazıp tek tıkla kaydedersiniz. Depoyu GitHub'a göndermeyi GitHub'a proje yükleme rehberimizde ayrıntılı anlattık.

Yerleşik terminal Ctrl+` kısayoluyla açılır ve doğrudan proje klasöründe başlar. Windows'ta varsayılan kabuğu PowerShell yerine Git Bash yapmak isterseniz terminal panelindeki açılır menüden Select Default Profile seçeneğini kullanın.

• Git kurulu değilse panel uyarı gösterir; önce Git'i kurup editörü yeniden başlatın.
• JavaScript projelerinde Node.js kurulumu tamamlandıktan sonra npm komutlarını bu terminalden çalıştırabilirsiniz.
• Yeni bir React projesine başlamak için Vite ile React kurulumu rehberimiz iyi bir sonraki adımdır.

07Zaman Kazandıran Kısayollar

Birkaç kısayolu ezberlemek, fareye uzanma sayınızı ciddi biçimde azaltır. macOS'ta Ctrl yerine Cmd, Alt yerine Option kullanılır.

08Sık Sorunlar ve Çözümleri

VS Code genellikle sorunsuz çalışır; sorunların çoğu eklentilerden ya da PATH ayarından kaynaklanır. Editör yavaşladıysa komut paletinden Developer: Show Running Extensions ile hangi eklentinin yük oluşturduğunu görebilirsiniz.

code komutu terminalde tanınmıyorsa Windows'ta kurucuyu Add to PATH seçeneğiyle yeniden çalıştırın, macOS'ta Shell Command komutunu tekrarlayın. Kaydederken biçimlendirme çalışmıyorsa genellikle varsayılan biçimlendirici seçilmemiştir; dosyada sağ tıklayıp Format Document With menüsünden Prettier'ı varsayılan yapın.

Bir web projesinde editör ayarları kadar sonuç da önemlidir: temiz ve tutarlı kod, hız ve performans yönetimi ile UI/UX tasarım çalışmalarının bakımını da kolaylaştırır. Aurora Yazılım'ın web tasarımı projelerinde de aynı düzenle çalışıyoruz.