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

Visual Studio Code'da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek
Visual Studio Code'da Cshtml Sayfalar için Emmet Eklentisini Aktifleştirmek
Yazılım Kodu 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.

Yavuz Selim Kart

Yazılım ve veri tabanında bildiklerimi anlatmaya gayret ediyorum. Halen birçok programlama dili üzerinde araştırmalar yaparak kendimi geliştiriyorum. Bunlar haricinde Grafik Tasarım ve Wordpress konularına da ilgim bulunmakta. SEO ve Sosyal medya yönetimleri hakkında da bilgim mevcuttur. Kısaca çok çalışmayı seven azimli biriyim.

Aşağıdaki yazıları da inceleyebilirsiniz...

Sitedeki yazıları kopyalamak yasaktır.