VS Code Live Server ve Live Server Web Extension

VS Code Live Server ile HTML ve CSS gibi statik sayfalarınızı, ister PHP ve Wordpress gibi dinamik sayfalarınızda yaptığınız değişiklikleri anlık olarak görebilirsiniz. Dosyanızda yaptığınız her değişiklikte tarayıcınıza giderek refresh yapmanızı gerektirmediği için zamanınızı iyi yönetme açısından oldukça faydalı bir eklentidir.

VS Code’da Live Server Nasıl Kurulur?

• VS Code programında, Extensions sekmesini açarak Live Server yazın. Ritwick Dey tarafından yazılan eklentiyi kurun.
• Eklentiyi kurduktan sonra VS Code penceresinde status bar’da, sağ alt tarafındaki Go Live butonuna tıklayarak anlık değişimleri görebiliyorsunuz. Diğer yöntem ise Ctrl + Shift + P ile komut penceresini açıp Live Server yazdığınızda çıkan sonuçlardan Open with Live Server seçeneğini seçmek.

Wordpress’te Live Server’ı Çalıştırmak

HTML ve CSS gibi statik sayfalarda bunu başarıyla uyguluyoruz. Peki ya Wordpress gibi dinamik sitelerde bunu nasıl sağlayacağız? Bunun için fazladan birkaç şey daha yapmamız gerekiyor. Chrome veya Firefox kullanıcılarının Live Server Web Extension adlı eklentisi ile bunu çözebiliyoruz. Böylece Wordpress’te tema hazırlarken ya da PHP dosyaları üzerinde çalışırken de yaptığınız değişiklikleri anlık olarak görüntüleyebiliyorsunuz.

Genel olarak, VS Code’da Live Server ve Tarayıcıda Live Server Web Uzantısı, her seviyeden web geliştiricisi için harika bir araç. Kullanımı kolay ve web projeleri üzerinde çalışırken size çok zaman kazandırabilir. Takıldığınız bir yer olursa videoyu izleyin mutlaka.