Kod Editörleri Visual Studio Code

Visual Studio Code’da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek

SQL Server Eğitimleri Kanalına Abone Olun

Herkese merhaba,

Bu yazıda Visual Studio Code’da cshtml sayfalar için Emmet eklentisinin nasıl aktifleştirilebileceğinden bahsedeceğim.

Visual Studio Code üzerinde MVC kodlama yaparken Emmet eklentisi default olarak çalışmaz. Bu işlem için aşağıdaki ayarı yapmalısınız. Aksi durumda cshtml sayfalar üzerinde hızlı bir şekilde html kodu yazamazsınız.

İlk olarak Visual Studio Code üzerinde CTRL + SHIFT + P tuşlarına aynı anda basıyorsunuz. Aşağıdaki ekranı göreceksiniz.

Visual Studio Code'da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek

Ekran yukarıdaki biçimde karşınıza gelecek. Bu ekran üzerinde iken arama kutucuğu içindeki şeyi silip settings ifadesini bu kısma yazıyorsunuz.

Visual Studio Code'da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek

Yukarıdaki settings.json dosyasına tıklıyorsunuz ve yeni bir dosya karşınıza gelecek. Açılan dosya setting.json dosyası.

Şimdi aşağıdaki kodu bu alan içerisine ekleyelim.

"emmet.includeLanguages": { "aspnetcorerazor" : "html", "razor" : "html" }

Eklemeyi aşağıdaki gibi yapmalısınız. Bu işlemi dikkatli yapın.

Visual Studio Code'da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek

Ben yukarıdaki gibi ekledim. Şimdi test edelim.

Visual Studio Code'da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek

! işareti yazdım ve CTRL + SPACE tuşuna bastım. Yukarıdaki ekran karşıma geldi. Şimdi ENTER tuşuna basalım.

Visual Studio Code'da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek

Gördüğünüz üzere artık cshtml sayfası üzerinde Emmet ile hızlı kodlama yapabilme imkanına kavuşmuş oldum.

Herkese çalışma hayatında ve yaşamında başarılar kolaylıklar.

SQL Server Eğitimleri Kanalına Abone Olun

Yazar hakkında

Yavuz Selim Kart

SQL Server tarafında kendini ilerletmeye çalışırken bildiklerini sürekli başkalarına aktaran, yazılım dünyasında (C#, Java, Python vb.) kendini güncel tutmaya çalışan, araştırma yapmaktan bıkmayan, meraklı, bilginin üzerine bilgi katmaktan mutluluk duyan bir yazılım eğitmeni ve kod sever.
Grafik tasarım dünyasında Indesign'ı anlatacak kadar iyi kullanabilen, Photoshop ve Illustrator'e de orta düzey hakimiyeti bulunan, internet üzerinde online kimya dergisi kurmuş ve bunu yüzbinlerce kişiye ulaştırmayı başaran bir grafik sever.
WordPress tarafında 5 adet web sitesi kurmuş, bu sistemler üzerine çalışan bir WordPress sever.
Sosyal medya üzerinde okumalara ve araştırmalara devam eden, kendi kurmuş olduğu kimya dergisini daha çok kişiye nasıl ulaştırırım diye düşünen ve bu konuda SEO çalışmaları üzerine kafa yoran bir Sosyal Medya sever.
Kısaca çok çalışmayı seven, azimli biriyim.

Kopyalamak Yasaktır!