Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lorenzos/ZenCodingNetBeansPlugin

Zen Coding plugin for NetBeans
https://github.com/lorenzos/ZenCodingNetBeansPlugin

css html netbeans netbeans-plugin zencoding

Last synced: 11 days ago
JSON representation

Zen Coding plugin for NetBeans

Awesome Lists containing this project

README

        

Zen Coding NetBeans plugin
==========================

> **This plugin is deprecated and not developed further.**
> Please use [Emmet for NetBeans](https://github.com/emmetio/netbeans) instead.

Provides support to HTML/CSS **[Zen Coding](http://code.google.com/p/zen-coding/)** in NetBeans.
CSS abbreviations are expanded also in [SCSS](http://plugins.netbeans.org/plugin/34929/scss-support), [LessCSS](http://plugins.netbeans.org/plugin/32782/lesscss-module) and SASS files.

**Download** the plugin here: **[org-lorenzos-zencoding-1.1.nbm](http://www.lorenzostanco.com/d/?d=org-lorenzos-zencoding-1.1.nbm)**.

![Screenshot](https://github.com/lorenzos/ZenCodingNetBeansPlugin/raw/master/graphics/screenshot.png)

Installation
------------

1. **Download** the plugin **[here](http://www.lorenzostanco.com/d/?d=org-lorenzos-zencoding-1.1.nbm)**.
2. Open NetBeans IDE (6.9.1 or newer) and go to *Tools > Plugins*.
3. Select tab *Downloaded*, click *Add plugins...* and search for downloaded **nbm** file.
4. Click *Install* button, follow instructions and restart NetBeans IDE.

How to use
----------

**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](https://github.com/lorenzos/ZenCodingNetBeansPlugin/blob/master/KEYMAP.md)**.

How to report bugs
------------------

If you find any bug or defect, report it to me **[here](https://github.com/lorenzos/ZenCodingNetBeansPlugin/issues)**.

About Zen Coding
----------------

- [Zen Coding homepage](http://code.google.com/p/zen-coding/)
- [Features of abbreviation engine](http://code.google.com/p/zen-coding/#Current_features_of_abbreviation_engine)
- [Zen Coding 0.7 new features](https://github.com/sergeche/zen-coding/wiki/Release-Notes)
- [Selectors syntax](http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn)
- [List of available filters](http://code.google.com/p/zen-coding/wiki/Filters#List_of_available_filters)