Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Visual Studio Code programının kurulumunu ve temel kullanımını adım adım göstermektedir.
- Video, Visual Studio Code'un web sitesinden indirme ve kurulum aşamalarıyla başlayıp, programın ilk çalıştırılması, çalışma dosyası oluşturma ve ayarlar yapma adımlarını içermektedir. Daha sonra Live Server eklentisinin kurulumu, HTML dosyası oluşturma ve düzenleme, Emmet uygulamasının kullanımı ve web sayfasının canlı olarak test edilmesi gösterilmektedir. Video, web geliştirme için Visual Studio Code'un temel kullanımını öğrenmek isteyenler için faydalı bir rehber niteliğindedir.
- 00:06Visual Studio Code Kurulumu
- Visual Studio Code kurulumu için code.visualstudio.com adresine girip "Download for Windows" linkine tıklanır.
- İndirilen dosyayı çalıştırıp sözleşmeyi kabul ederek kurulum adımları tamamlanır.
- Kurulum tamamlandıktan sonra "Visual Studio Code uygulamasını çalıştır" seçeneği işaretli olarak "Bitti" düğmesine basılır.
- 01:05İlk Kullanım ve Ayarlar
- İlk kez çalıştırıldığında "Open Folder" ile bir çalışma dosyası tanımlanmalıdır.
- Ayarlar kısmında "Word Wrap" ayarının 10 olması, satırdan taşan kodların otomatik olarak geçmesini sağlar.
- Live Server eklentisi kurulmalıdır çünkü bu, geliştirilen web sayfalarını sanki bir sunucudaymış gibi test etmeye imkan sağlar.
- 03:02HTML Sayfası Oluşturma ve Çalıştırma
- "File > New File" ile yeni bir dosya oluşturulup, dosya türü HTML olarak seçilerek kaydedilir.
- Visual Studio Code'da gömülü Emmet uygulamasıyla hızlı bir şekilde HTML etiketleri eklenebilir.
- Dosya sağ tıklayıp "Open with Live Server" komutuyla çalıştırıldığında, yapılan değişiklikler hemen web sayfasında yansır.
- 04:38Dosya Gezgini Erişimi
- Sayfa üzerinde sağ tıklayarak "Reveal in File Explorer" komutu verildiğinde Windows gezgininde dosya görüntülenebilir.
- Dosya gezgininde çift tıklandığında yapılan sayfaya ulaşılabilir.