Emmet is not working with nunjucks files

[ronnidc]

No generally there are issues with intellisense issue#3

[jitendravyas]

I wanted to say that Emmet is working with nunjucks files

[chenyuncai]

VSC update the emmet to v2.0. U can check it in

https://code.visualstudio.com/blogs/2017/08/07/emmet-2.0#_other-changes

it works fine now

[afalchi82]

Hi, not working for me. Have I got to install something to make it work?

[wangguohao]

it works vscode issues 1689

// settings.json
"emmet.includeLanguages": {
    "nunjucks": "html"
 }

[rbfonbuena]

it works vscode issues 1689

// settings.json
"emmet.includeLanguages": {
    "nunjucks": "html"
 }

will this work regardless of file extension? i.e. *.njk

[emmiep]

it works vscode issues 1689

// settings.json
"emmet.includeLanguages": {
    "nunjucks": "html"
 }

will this work regardless of file extension? i.e. *.njk

It seems to me that the value html refers to the language emmet will autocomplete (HTML as opposed to CSS), not the extension of the file itself.

[jonsoa]

it works vscode issues 1689

// settings.json
"emmet.includeLanguages": {
    "nunjucks": "html"
 }

It worked for me, thank you!

[ZJL-CFPL]

// settings.json "emmet.includeLanguages": { "nunjucks": "html" }

It worked for me,thanks

[ChristianBetts]

Any tips on getting this to work in Atom?

Thanks

[MrLechu]

For me

...
"njk": "html"
...

instead

...
"nunjucks": "html"
...

[haikyuu]

The above command works provided you have the correct keybinding for Emmet expand. I had to press CMD+e to expand.

Tip: open the command palette CMD+P and search for Emmet expand to see the associated keys

[perhenrikgithub]

I tried both "nunjucks": "html" and "njk": "html" and neither worked.

But in in the bottom right corner of vs code (blue menu) there is an option change 'language mode' from "plain text" to "HTML" this seemed to do the trick.

(you could also do this in the normal setting (not the actual JSON file) if you search for "emmet")

[hybridx]

If you are using UI just add it in the list or if you are using json https://github.com/ronnidc/vscode-nunjucks/issues/7#issuecomment-379519584 would be useful

[murtuzaalisurti]

I tried both "nunjucks": "html" and "njk": "html" and neither worked.

But in in the bottom right corner of vs code (blue menu) there is an option change 'language mode' from "plain text" to "HTML" this seemed to do the trick.

(you could also do this in the normal setting (not the actual JSON file) if you search for "emmet")

Thanks! This worked for me!!

[deiondz]

Thank you lad! Worked like a champ!

[wjoliver]

Adding a file association worked for me: "files.associations": { "*.njk": "html" },

[diamondalexander]

I tried both "nunjucks": "html" and "njk": "html" and neither worked.

But in in the bottom right corner of vs code (blue menu) there is an option change 'language mode' from "plain text" to "HTML" this seemed to do the trick.

(you could also do this in the normal setting (not the actual JSON file) if you search for "emmet")

THIS! lol I could not figure out what the issue was but once I switched it to HTML, the settings.json code worked. I selected "Configure file association for '.njk'" so I wouldn't have to keep changing this each time.

[bigbass11]

Adding a file association worked for me: "files.associations": { "*.njk": "html" },

This was the only way that worked for me for some reason...