Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Gökhan Kandemir tarafından sunulan Visual Studio Code için çeşitli eklentiler ve ayarlar hakkında kapsamlı bir eğitim içeriğidir. Gökhan, izleyicilerden gelen sorulara cevap vermek amacıyla bu videoyu hazırladığını belirtmektedir.
- Videoda Visual Studio Code için Better Command, Bookmark, Braket Pair Colorize, Docker, Git Lens, HTML/CSS Support, Indent Rainbow, Six Code Snippets, Lives Compiler, Live Server, Live Share, Markdown Preview and Hast, Pratier, Kukka, regex preview, regex snippets, rest.clyde, video studio code icons, tema ayarları ve font ayarları gibi birçok eklenti ve ayar tanıtılmaktadır. Her bir eklentinin veya ayarın özellikleri, kullanım alanları ve nasıl yapılandırılacağı adım adım gösterilmektedir.
- Eğitim içeriğinde özellikle kod yazma, tasarım yapma ve kod doğrulama gibi işlevlerin nasıl kolaylaştırıldığı pratik örneklerle anlatılmaktadır. Ayrıca fira code fontu ve zsh temaları hakkında detaylı bilgiler verilmekte, bu ayarların nasıl yapılacağı ve nasıl kullanılacağı gösterilmektedir.
- Visual Studio Code Sorularına Cevap
- Gözde Kandemir, uzun zamandır alduğu Visual Studio Code hakkında soruları cevaplayacak.
- İzleyicilerin sorduğu temalar, extension'lar, font ve matematik sembolleriyle ilgili sorular cevaplanacak.
- Video planlamadan bağımsız olarak, extension'lar üzerinden ilerleyerek temaları gösterecek.
- 01:23Better Command Extension
- Better Command, command yazıldığında renklendirerek algıda seçicilik sağlayan yararlı bir extension.
- Çoklu satır comment eklerken (/* */), açıklama standart, uyarı veya soru işaretleri gibi farklı renklerle ayrım yapar.
- Bu extension, kodda farklı türlerdeki comment'leri algıda seçicilik uyandıracak şekilde renklendirir.
- 02:31Bookmark Extension
- Bookmark, kod içerisinde belirli noktalara işaret koyup hızlıca dolaşabilmenizi sağlayan çok güzel bir plugin.
- Sağ tıklayarak "Bookmark Toggle" seçeneği ile işaret ekleyebilir ve kaldırmaya devam edebilirsiniz.
- Aynı sayfada birden fazla işaret ekleyebilir ve "L" tuşu ile işaretler arasında kolayca geçiş yapabilirsiniz.
- 04:53Bracket Pair Colorize Extension
- Bracket Pair Colorize, parantez çiftlerini farklı renklere sahip hale getirerek kodun okunabilirliğini artırır.
- Süslü parantezler, fonksiyon parantezleri ve diğer parantez çiftleri birbirlerine göre renkli hale getirilir.
- Bu extension, kodun hiyerarşisini daha net bir şekilde gösterecek şekilde çalışır.
- 05:49Docker Extension
- Docker extension, Docker konteynerlerini, imagelerini, networkleri ve volümleri görebilmenizi sağlar.
- Sağ tıklayarak imagenizi interactif modda çalıştırabilir, inspect, push gibi işlemler yapabilirsiniz.
- Bu extension sayesinde Docker komutlarını konsoldan yerine GUI üzerinden yönetebilirsiniz.
- 07:14Git Lens Extension
- Git Lens, GitHub ile beraber kodunuz üzerinde değişiklikleri detaylı bir şekilde gösterir.
- Branch, branch line historysini ve dosyadaki değişiklikleri gösterir.
- Dosyada yapılan değişikliklere erişim sağlayarak commit, gönderme gibi işlemler yapabilirsiniz.
- 08:39Diğer Extension'lar
- HTML ise Support, kodlarınızı hızlı bir şekilde tamamlama ve otomatik tamamlama özelliği sunar.
- Import Coast, import ettiğiniz npm modüllerinin veya dosyaların boyutlarını gösterir.
- Indent Rainbow, kod bloklarını farklı renklerle göstererek kodun okunabilirliğini artırır.
- 10:18Code Snippets Extension
- Six Code Snippets extension, "impyas" yazarak import tanımlamaları yapmanızı sağlar.
- Foreach, try catch gibi kod tanımlamalarını otomatik olarak sizin için oluşturur.
- Enter tuşuna basarak kod bloklarını otomatik olarak tamamlar ve sadece ilgili değerleri değiştirmeniz yeterlidir.
- 11:21Live Compiler Extension
- Live Compiler extension, SCSS dosyalarını otomatik olarak CSS dosyalarına dönüştürür.
- Watch seçeneği ile SCSS dosyasını izler ve değişikliklerde otomatik olarak CSS dosyasını günceller.
- Tasarım yaparken çok faydalı bir araçtır.
- 12:43Live Server Extension
- Live Server extension, HTML dosyalarını sunucuda otomatik olarak çalıştırmanızı sağlar.
- Go Live veya Open with Live Server seçenekleri ile dosyayı sunucuya yüklersiniz.
- Değişiklikler yapıldığında otomatik olarak sayfayı yeniler, bu da geliştirme sürecini hızlandırır.
- 13:43Live Share Extension
- Live Share extension, kod ortamınızı diğer kişilerle paylaşmanızı sağlar.
- Browser'ınızı paylaşarak diğer kişilerle birlikte kod yazabilirsiniz.
- Terminali de paylaşabilir ve aynı anda kodlama yapabilirsiniz.
- 15:22Markdown Preview Extension
- Markdown Preview extension, Markdown dosyalarını önizleme olarak gösterir.
- Yazdığınız Markdown içeriklerini gerçek zamanlı olarak görüntüleyebilirsiniz.
- Resimler dahil olmak üzere tüm içerikleri doğru şekilde gösterir.
- 16:43Pratier Extension
- Pratier extension, kodunuzu formatlı bir şekilde düzenler.
- Yükledikten sonra ayarlarla oynayarak kişiselleştirilebilir.
- Kod yazarken hata kontrolü yapar ve kodunuzu değerlendirebilir.
- 20:29Visual Studio Code Eklentileri
- Regex Preview eklentisi yazdığınız regex ifadelerinin denk gelen sonuçlarını gösterir.
- Regex Snippets eklentisi, email, Facebook linki gibi çeşitli doğrulama işlemleri için hazır regex kodları sağlar.
- REST Client eklentisi, kod üzerinden REST API istekleri atmanızı sağlar ve .rest uzantılı dosyalar oluşturarak kullanabilirsiniz.
- 23:50Görsel Ayarlar ve Temalar
- View Note Page eklentisi kodlarınızı düzenlemenizi sağlar.
- Video Studio Code Icons eklentisi dosya türlerine göre ikonlar ekler.
- Tema değişimi için Night All seçeneği kullanılabilir, ayrıca Cobalt gibi farklı temalar da mevcuttur.
- 25:34Kod Düzenleme ve Görsel Ayarlar
- Kod içindeki sembolleri daha güzel görünmesi için Fira Code adlı özel bir font kullanılabilir.
- Fira Code fontunu yükledikten sonra Visual Studio Code ayarlarından font olarak belirtmek gerekir.
- Kursör görünümünü (expand, solid, smooth) ayarlayarak farklı görünümler elde edebilirsiniz.
- 29:30Terminal Ayarları
- Terminalde renkli ve görsel olarak daha çekici bir görünüm için Zsh shell'i yükleyebilirsiniz.
- Zsh ile Agnoster teması kullanılarak terminal görünümü özelleştirilebilir.
- Zsh temalarını değiştirmek için .zshrc dosyasında "ZSH_THEME='agnoster'" şeklinde ayar yapılabilir.