Emmet Abbreviations in Jinja Files

July 17, 2019

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" }
}

Subscribe

I'd like to send you a weekly recap of all the articles I write as well as my take on the latest news on web development with Vue, React, Elixir/Phoenix, and others. Just fill out your email and name below!


Prev: Resources for Learning Flask
Next: Running Python Tests in VSCode