How do I trigger Emmet expansion in Netbeans?

Question

I just installed the Emmet plugin for Netbeans, but I can't find in the docs how to trigger the code expansion.

Answer 1

You can expand code using the default "ctrl+cmd+N" on a mac.

I came across this question trying to find out if there was anyway that I could configure the code expansion to trigger by just using the "tab" key.

Anyways, I hope this helps someone!

Answer 2

I am using netbeans ver 8.1 in ubuntu 15.10. After selecting your CSS code,use ctrl+alt+n to trigger emmet code completion.

Answer 3

You can't use the TAB key to expand abreviation from Emmet in Netbeans. Indeed if you chose the TAB key as shortcut for it, you will erase the shortcut for "Insert tab" and you will not be able to insert tabulation anymore...

The only way is to use the Code Templates in Netbeans and transform all the abreviation from Emmet into a code template, one by one :(

If you want, I've made the code templates for the CSS abreviations in Emmet (Only CSS). With that you can expand the abreviation just with TAB key.

Here is my Github (It's my first... I hope it will work well) https://github.com/Everice/NetBeans---Emmet-Code-Templates.git

Answer 4

I am using Netbeans 8.1 and ctrl+alt+N working for me (My operating system is windows 10 ) you can use ctrl+cmd+N If you are using MAC

Answer 5

If you are using the newer Plugin from github.com/emmetio/netbeans (the old one is deprecated) You can set Emmet expansion by using the tab key.

The README in the github repo mentions this

Expand abbreviations with the TAB key. Go to Tools > Options > Miscellaneous > Emmet tab. Then check it.

And I can confirm it works for Netbeans11.