Emmet Abbreviations in Jinja Files

Wed Jul 17 2019

Aisha Askhadova on Unsplash

Now that you've associated your html files with jinja-html in VSCode, you notice that your Emmet abbreviations no longer work.

That's no good for such a productive web developer, such as yourself.

Including Emmet HTML abbreviations in your jinja-html files is just as simple! Just include the "jinja-html" property in "emmet.includedLanguages" object with a value of "html".

{
  "files.associations": { "*.html": "jinja-html" },
  "emmet.includeLanguages": { "jinja-html": "html" }
}

If you found the post helpful and would like this same content delivered to you,

Subscribe to my newsletter

;