VSCode Settings

The following are intended to be added within your VSCode settings.json.

There are two steps to getting Emmet to work for Nunjucks.

First, if you haven't already, install the Nunjucks syntax highlighting extension.

Next, add the following to specifically extend Emmet to Nunjucks:

"emmet.includeLanguages": {
  "nunjucks": "html"
},

You can also use this setting to extend to Liquid or other file types.

For myself, I have the following overrides for Markdown and Nunjucks which override my standard setting of 80 characters per column:

"[markdown]": {
  "editor.wordWrapColumn": 100,
  "editor.wordWrap": "bounded",
  // Turned off to prevent Emmet when writing code fenced blocks
  "editor.quickSuggestions": false
},
"[nunjucks]": {
  "editor.wordWrapColumn": 100,
  "editor.wordWrap": "bounded"
},

You can extend these to other templating languages you may be using.