Buradasın

Visual Studio Code Kurulum ve Live Server Eklentisi Kullanımı

Yapay zekadan makale özeti

Bu video, bir eğitim içeriği olup, konuşmacı kendi kullandığı geliştirme ortamını izleyicilere göstermektedir.
Video, Visual Studio Code'un Windows işletim sisteminde nasıl kurulacağını adım adım anlatmaktadır. Kurulum sonrası, kod yazarken tarayıcıya otomatik olarak yansıyan Live Server eklentisinin nasıl kurulacağı ve kullanılacağı detaylı olarak gösterilmektedir. Live Server eklentisinin kurulumu, Chrome tarayıcısında sunucuyu açma, klavye kısayolları ve kod değişikliklerinin otomatik olarak görüntülenmesi gibi özellikleri açıklanmaktadır.

00:12Visual Studio Code Kurulumu: Videoda Visual Studio Code (VS Code) geliştirme ortamının nasıl kurulacağı gösterilecek.
Google'da "vs code indir" araması yapılarak işletim sisteminize uygun sürüm indirilebilir.
Kurulum sırasında lisans anlaşması kabul edilip, varsayılan yola kurulum yapılabilir.
02:07Visual Studio Code Kullanımı: Visual Studio Code ilk kez çalışmaya başladığında biraz zaman alabilir, sonrasında verimli çalışır.
Uygulama siyah temayla gelir ve "Open Folder" seçeneği ile bir klasör seçilebilir.
Sol tarafta navigator explorer dosyaları gözettiğimiz yer bulunur ve yeni dosya oluşturulabilir.
03:30Live Server Eklentisi Kurulumu: Live Server eklentisi, kod değişikliklerinin tarayıcıya otomatik olarak yansımasını sağlar.
Eklentiler bölümünden "Live Server" araması yapılarak eklenti bulunabilir.
Eklenti kurulduktan sonra ekranın sağ alt köşesine "Go Live" simgesi gelir.
05:26Live Server Eklentisinin Kullanımı: "Go Live" butonuna tıklandığında aktif olan pencere localhost 5500 portunda sunucuya açılır.
Kaydedilen değişiklikler otomatik olarak tarayıcıda güncellenir.
Ctrl+Shift+P tuşlarına basarak komut satırı açılıp "Open with Live Server" seçeneği ile de eklenti çalıştırılabilir.