Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan Visual Studio Code (VS Code) kurulum ve temel kullanımını anlatan bir eğitim içeriğidir. Eğitmen, Windows işletim sisteminde VS Code'un nasıl kurulacağını adım adım göstermektedir.
- Video, VS Code'un resmi sayfasından kurulum dosyasının indirilmesi ve kurulumu ile başlıyor. Ardından boş bir klasör oluşturma, HTML dosyası açma ve temel HTML kodları yazma işlemleri gösteriliyor. Son olarak, web sayfasını tarayıcıda çalıştırmak için Live Server ve Prettier gibi eklentilerin kurulumu ve yapılandırılması anlatılıyor. Eğitmen, bu eklentilerin kurulumunu dersten önce yapmanın faydalı olacağını vurguluyor.
- Visual Studio Code Kurulumu
- Video, Visual Studio Code (VSCode) kurulumunu, HTML kodu çalıştırma ve eklentilerin kurulumunu anlatmaktadır.
- VSCode kurulumu için Google'da "VSCode" yazarak resmi Microsoft sayfasına ulaşılabilir.
- İşletim sisteminize göre (Windows, Mac, Linux) uygun kararlı (stable) versiyonu indirmeniz gerekmektedir.
- 01:27VSCode Kurulumu ve Kullanımı
- İndirilen dosyayı açıp anlaşmayı kabul ederek kurulumu tamamlayabilirsiniz.
- VSCode, ücretsiz olması ve birçok platformu ve dili desteklemesi nedeniyle en yaygın kullanılan kod yazma editörüdür.
- Kurulum tamamlandıktan sonra VSCode'u çalıştırabilirsiniz.
- 02:56Klasör Oluşturma ve Dosya Açma
- VSCode'da kod yazmak için önce bir klasör açmanız gerekmektedir.
- Klasörü istediğiniz yere sağ tıklayıp "Yeni klasör" seçeneğiyle oluşturabilir ve sürükle-bırak yöntemiyle VSCode'a ekleyebilirsiniz.
- Klasör içerisinde "New File" simgesine tıklayarak yeni bir dosya açabilirsiniz.
- 04:21HTML Kodu Yazma ve Tarayıcıda Çalıştırma
- Web sayfalarının içeriği genellikle .html uzantılıdır ve ana sayfaların ismi genellikle "index" olarak adlandırılır.
- VSCode, temel web sitesi kodlarını hazır olarak sunar ve ünleme tuşuna basarak bu kodları ekleyebilirsiniz.
- Yazdığınız HTML kodunu tarayıcıda çalıştırmak için "Live Server" eklentisini kurmanız gerekmektedir.
- 06:01Eklentiler ve Ayarlar
- Eklentileri kurmak için sol taraftaki "Extensions" simgesine gelip arama çubuğuna istediğiniz eklentiyi yazabilirsiniz.
- "VSCode Icons" eklentisi dosyaların ikonlarını değiştirebilir.
- "Live Server" eklentisi sayesinde dosyaları sağ tıklayıp "Open with Live Server" seçeneğiyle tarayıcıda otomatik olarak çalıştırabilirsiniz.
- 08:32Prettier Eklentisi ve Ayarları
- HTML'de düzenli yazmak için "Prettier" eklentisi kullanılabilir.
- Prettier'i aktif etmek için sol taraftaki çark simgesine tıklayıp "Settings" seçeneğine gidilmelidir.
- "Format on Save" seçeneğini işaretleyerek, dosyaları kaydederken otomatik olarak Prettier'in düzenlemesi sağlanabilir.