Code Fast in Notepad++ with Emmet plugin - Webcrypt

728x90 AdSpace

Trending
Wednesday, 18 May 2016

Code Fast in Notepad++ with Emmet plugin




How to Install Zen Coding (Emmet) in Notepad++


http://inetscript.blogspot.in/


Zen coding is an Extension for Editors for fast HTML coding. It works on an abbreviation system. You type out the code with CSS properties, hit the shortcut key "ctrl+your_abbr_short_key" and it shoots the code out  complete HTML structural code format.

Now, if you want to display HTML5 structure for Navigation Menu then open Yor Notepad++ and type as 

nav>ul>li*4>a{$}

Hit "Tab" or "CTRL + your_key_code"

You will get like this

<nav>
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
</ul>
</nav>

Moreover, if you want to code faster and just make things that much more convenient, you have to use Zen-Coding. You can also use it for XML and XSL (or any other structured code format).




Note- You must install Python script to use Zen Coding Feature , so get it Here - 


Click Here to download Notepad++ v6.9.1
Click Here for Emmet Cheat Sheet


Enjoy...





Code Fast in Notepad++ with Emmet plugin Reviewed by Sanjay on 13:43:00 Rating: 5 How to Install Zen Coding (Emmet) in Notepad++ Zen coding is an Extension for Editors for fast HTML coding. It works on an ab...

1 comment: