🔰Giriş | VS Code

VsCode hakkında temel bilgiler ve genel kullanım notlarım

💙 Önemli Notlar

VsCode dünyanın en çok kullanılan text editörü olarak geçmektedir.

• İlk defa VsCode kullanıyor isen Introductory Videos videoları izlemen ve açıklamaları okuman oldukça önemli (okumadan öğrenemezsin 😔)

• VsCode'a başlamadan önce Tips & Trick alanından, hangi dile odaklı çalışacaksanız onun dökümasyanunu okuyun

• Ardından gerekli olan eklentileri, eklenti mağazasından indirin (✲ Ctrl + ⇧ Shift + X)

• Sağ taraftaki kodların önizlemesinin olduğu alanı (minimap) kaldırmak için "editor.minimap.enabled": false

📑 Encoding Düzenleme

VsCode'un emojileri ve özel karakterleri destekleyen türde dosya kaydetmesini sağlamak için:

• 👀 VsCode arayüzünde altta bulunan Status Bar alanına bakın

• 👉 UTF-8 Yazısında tıklayın

• 💾 Çıkan ekranda Save with Encoding seçeneğine tıklayın

• 👨‍💻 UTF-8 with BOM seçeneğini seçin

🧙‍♂️ İsterseniz direkt olarak CTRL + SHIFT + P ile açılan komut penceresine Save with Encoding yazabilirsiniz

🐛 Debug Ayarları

Debug ayarlarına erişmek için:

• ✲ Ctrl + ⇧ Shift + D ile debug sekmesini açın

  • İsterseniz soldaki activity bar üzerinden erişebilirsiniz

• Sağ üstteki ayarlar ikonuna tıklayın

• Launch.json dosyası açılacaktır

🔍 Arama Özelliği

• 🕵️‍♂️ ✲ Ctrl F ile dosya, ✲ Ctrl ⇧ Shift F ile tüm proje içerisinde arayabilirsiniz

• 🕵️‍♂️ ✲ Ctrl H ile dosya, ✲ Ctrl ⇧ Shift H ile tüm proje içerisinde değiştirme yapabilirsiniz

• 🤝 Regex destekler

• 🐣 Regex gruplarına $ işareti ile erişebilirsiniz

  • 🔸 $0 ile tüm regex grubuna

  • 🔸 $1, $2 ile gruplara

‍🧙‍♂ Detaylı bilgi için VSCode regex find & replace submatch math? alanına bakabilirsin.

🚀 GitHub projelerini Açma

Online ortamda projelerini VsCode altyapısını kullanan Gitpod ile çalıştırmak için buraya bakabilirsin

🔗 Harici Bağlantılar

• VsCode ile Yapılabilecekler

• Debugging ES6 in Visual Studio Code