Buradasın
Visual Studio Code'da Live Server Eklentisi Kurulum ve Kullanımı
youtube.com/watch?v=1XwAPLe3kwgYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Visual Studio Code'da Live Server eklentisinin nasıl kurulacağını ve kullanılacağını adım adım göstermektedir.
- Video, Live Server eklentisinin Visual Studio Code'a nasıl yükleneceğini, yeni bir dizin oluşturmayı, bu dizinde HTML dosyası oluşturma ve bu dosyayı Live Server ile sunmayı göstermektedir. Ayrıca, içerik değişikliklerinin otomatik olarak tarayıcıda güncellenmesi özelliği de gösterilmektedir. Video, eklentinin nasıl durdurulacağını da içermektedir.
- Live Server Extension Kurulumu
- Video, Visual Studio Code'a Live Server eklentisinin nasıl kurulacağını ve nasıl kullanılacağını anlatıyor.
- Live Server, statik ve dinamik web sayfaları için yerel sunucu ve canlı yenileme özelliğine sahip bir eklentidir.
- 00:46Eklenti Kurulumu
- Visual Studio Code'da eklentiler sekmesini açıp "Live Server" araması yapılabilir.
- Bulunan Live Server eklentisi kurulmalıdır.
- 01:30Proje Hazırlama
- Bilgisayarınızda bir dizin oluşturmalısınız.
- Bu dizini Visual Studio Code'da açıp, çalışma alanına index.html gibi bir HTML dosyası oluşturmalısınız.
- 03:02Live Server Kullanımı
- Oluşturulan dosyayı açıp, HTML düzenleyicisinde sağ üst köşedeki "Go Live" butonuna tıklamalısınız.
- Tarayıcıda sunucuya erişim izni verdiğinizde, HTML dosyasının içeriğini görebilirsiniz.
- HTML içeriğini düzenlediğinizde, tarayıcıda otomatik olarak değişiklikleri görebilirsiniz.
- Live sunucuyu durdurmak için "Close Server" seçeneğini kullanabilirsiniz.