How to fix html boilerplate / scaffolding (Emmet) in vs code after installing Django extension for the Django Templating Language

Oh *THAT* extension, it's called "Emmet"

I'm looking for why something broke. The classic late-evening activity for your average software dev. Sometimes I try to give these things a solid go of my own before I give up, turn my brain off and ask google.

But it's Sunday night. I have stuff on my mind. I'll sacrifice this golden nugget of a learning opportunity for a few more moments of the online tutorial I'm watching before I go to bed. So I ask google, What is it? Why have my html scaffolds stopped working because I installed the Django extension in vs code?
This thing:

I used to be able to just type "html" into an empty file and vs code, putting on it's best mother hen impression, would help the poor baby who's clearly about to hurt himself (yes I'm the poor baby). Anyway, this is the boilerplate:

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


Turns out vs code by default has an extension that is where that html boilerplate was coming from. If you're looking closely, you might've already spotted where this extension announces itself.

The Django extension makes Django templating language the default "language" used when working in html files and that breaks it.

But is there a solution (other than just pick which extension you want more)? Well let's look back at the extension details page. "instructions for Emmet"? I had skimmed this. must be irrelevant. never heard of it. Don't use it. those instructions aren't for me...

Emmet. It's called Emmet. Not "html scaffolding". Not "html-boilerplate". Friggin "Emmet". bro.

All this to say learning tech is hard for everyone. There's no need to make it harder by assuming that anyone knows what an extension named "Emmet" is for.

The point. The names of modern extensions, tools, frameworks etc are fine. Call it whatever you want. But in the settings, in your extension descriptions, give the project subtitle or something. A hint whatever.

For those wondering I'll add some instructions here:

The Recipe:

After installing Django extension and finding your html boilerplate is no longer being generated:

  1. Go into your user or workspace settings and search for 'Emmet: Include languages'

  2. Add an Item 'django-html' with Value of 'html' to the table like this:

  3. That's it. Try making a blank html again. Tell your friends.

I get this is a niche issue that not many people will ever run into. No one is writing a html document from scratch. But just in case, there you go.

Anyway, many thanks to Baptiste Darthenay for the Django extension for vs code. Work's great.