Login

Blog

Emmet Nedir, Ne İşe Yarar ve Nasıl Kullanılır?

Büyümüş de küçülmüş kodlar... Emmet... Nedir? Nerede kullanılır? Ne işe yarar?

Büyümüş de küçülmüş kodlar... Emmet... Nedir? Nerede kullanılır? Ne işe yarar?

Emmet Nedir?

Yaygın metin yazılımları için bir eklentidir. Tabi bu kadar basit değil, bir görevi olmakta. Kısaltımış kod yapıları yardımıyla uzun kodlar oluşturmayı sağlar. Yani Emmet tarzıyla yazdığımız kısaltılmış kod, genişletilir ve olması gerektiği uzunluğa gelir. Böylece kod yazma miktarı çok aza iner.

Aşağıdaki görsele baktığınızda daha iyi anlayacaksınız. İlk görselde ulaşılması istenen kodun kısayol hali vardır. Bu kısayol halini yazdıktan sonra klavyede tab tuşuna basıldığında ikinci görseldeki tam hale ulaştır kod.

 

Kodun Emmet şeklindeki kısayol formu

Emmet formundaki kod kısayolu

Emmet sonrası kodun tam formu

Emmet sonrası kodun tam formu

 

Emmet’in bizden istediği kısa kod yapısı zaten bildiğimiz CSS seçicilerinden esinlenilmiştir. Uygulama geliştirme yazılımlarında kod örneklerinin bulunduğu mini kütüphaneler zaten vardır. Bu kütüphanelere snippets denir. Listeden bir kod örneğini seçtiğimizde kodumuza aynen eklenir. Aslında bu bir kopyala/yapıştır olmaktadır ve ilkeldir.

Emmet içinde ise kod snippetleri dinamiktir, çalışma anında oluşturulur. Kopyala/yapıştır gibi ilkel değildir.

Emmet ayrıca kodlamayı ciddi şekilde hızlandırır. Emmet ile devasa kod blokları hızlıca oluşturulabilir, kod blokları içerisinde pratik şekilde gezinilebilir ya da önemli bir bölgede seçim hızlıca yapılabilir.

Ayrıca genişletilebilirdir de. Yani siz de kendinizden bir şeyler ekleyebilirsiniz Emmet içine.

Şans vermenizi öneririm. Bilgi almak için emmet.io sitesini ziyaret edebilirsiniz. Kod yazımında kullandığınız uygulamanın için Emmet eklentisi mevcut mu diye bakmak için ve mevcutsa indirmek için buraya tıklayabilirsiniz.

 

 

Etiketler