Zen Coding plugin for NetBeans

Zen Coding plugin for NetBeans is an HTML editor extension allowing you to automate and to speed up the process of writing code using the syntax short (snippets) and keyboard shortcuts. It is extremely useful when you need to generate an HTML structure on the fly.

 

How to install Zen Coding plugin in netebeans

Download The Extension from github or click here

Open NetBeans IDE (6.9.1 or newer) and go to Tools > Plugins.

 

Select tab Downloaded, click Add plugins… and search for downloaded nbm file

Click Install button, follow instructions and restart NetBeans IDE

 

How to use Zen Coding plugin

Expand abbreviation

Fill a HTML/CSS code line with Zen syntax, then press CTRL+ALT+N, or click the toolbar button, or go to menu Edit > Zen Coding > Expand Zen code, or press Alt+Insert and choose Expand Zen Code.

Match Pair

Just press CTRL+ALT+M or go to menu Edit > Zen Coding > Match Pair.

Wrap with Abbreviation

Select something, press CTRL+ALT+W or go to menu Edit > Zen Coding > Wrap with Abbreviation, then insert a Zen code abbreviation in the input popup.

Merge Lines

Select multiple lines, then press CTRL+ALT+L or go to menu Edit > Zen Coding > Merge Lines.

Also available in the Edit > Zen Coding menu:

• Remove Tag


• Split/Join Tag


• Toggle Comment


• Go to Next / Previous Edit Point


• Evaluate Math Expression


• Increment / Decrement number by 1 / 10 / 0.1

These actions have not a default keyboard shortcut. You can edit NetBeans shortcuts in Tools > Options > Keymap. Here is a guide.

 

Zen Coding plugin for NetBeans