Salı , Haziran 27 2017
Anasayfa / DERSLER / Web Tasarım Dersleri / Notepad++ da Zen Coding özellikleri ve Çalışmama Sorunu

Notepad++ da Zen Coding özellikleri ve Çalışmama Sorunu

Notepad++ da Zen Coding özelliği bize daha hızlı , daha pratik kod yazmamızı sağlar. Zen Coding eklentisi Notepad++ programımıza indirdiğimiz eklenti sayesinde dahil olur. Notepad++ programımıza kurmak için:

  • Notepad++ Programımızda üst alanda bulunan Eklentiler/ Plugin Manager/ Show Plugin Manager komutunu veriyoruz.
  • Açılan alanda Available kısmından aşağılarda olan Zen Coding eklentisini seçip install(Kur) komutunu veriyoruz.
  • Kurulum tamamlandığında Evet seçeneğini seçtiğimizde Notepad++ yeniden açılacak ve eklenti aktif olacaktır.

Ancak Zen Coding eklentisinde ki kısayol ctrl+alt+enter tuşları başka bir özellikte kayıtlı olduğu için çalışmayacaktır. bunun için Notepad++ programının üst menüsündeki  Ayarlar > Kısayol Düzenleyicisinde ki > komutunu vererek ctrl + alt + enter kısayolunu kullanan özelliği bulup kısayolunu başka bir tuş kombinasyonuna alıyoruz. Böylece ctrl + alt + enter kısayolu Zen Coding eklentisine kalmış oluyor.

Veya yine aynı şekilde Ayarlar > Kısayol Düzenleyicisindeki >  Plugin commands alanındaki Expand abbreviation alanını Ctrl + E Kombinasyonu yaparak kullanabilirsiniz.

Yinede olmadı diyorsanız eğer Buradan benim kullandığım tuş kombinasyonunu bilgisayarınıza indirip Notepad++ Programının kurulu olduğu C:\Program Files\Notepad++ Klasörüne kopyalayıp Ctrl + E Kısa Yollarıyla kullanabilirsiniz.

Notepad’i açın ve yukarıdaki Dosya (File) – Yeni (New) yolunu takip ederek yeni bir boş sayfa açın ve sayfanızı index.html olarak kaydedin. sayfaya  html:xt yazın ve CTRL+E  tuşlarına aynı anda basın temel html şablonu dosyanıza gelecektir.

Notepad++ da açmış olduğunuz herhangi bir etiketi Komut verdiğinizde  Zen Coding size aşağıdaki kodları hazırlar;

p : <p></p>

div#alan : <div id=”alan”></div>

div#alan : <div class=”alan”></div>

img : <img src=”” alt=””/>

Notepad++ da ul#menu>li*5>a Komut verdiğinizde  Zen Coding size aşağıdaki kodları hazırlar:

<ul id=”menu”>
<li><a href=””></a></li>
<li><a href=””></a></li>
<li><a href=””></a></li>
<li><a href=””></a></li>
<li><a href=””></a></li>
</ul>

gibi birçok işlemi Zen Coding eklentisi sayesinde kod yazma işinizi hızlandırabilirsiniz.

Hakkında BilgeBank

İlgili Makale

web yazilim

Web Yazılım Nedir? Ne İşimize Yarar? Nasıl Öğreniriz?

Web Yazılım Nedir? Web Yazılımları ile dinamik web siteleri tasarlanmaktadır.  Web Yazılımları web sitenizin Güvenliği başta …

Bir Cevap Yazın