This post consolidates the information I got the information from a couple of SO answers.
Install the Django extension. It will give you some snippets, and syntax higlighting. But most important, it will add the
django-html
filetype to VSCInstall the Beautify extension. This will replace Prettier for those specific files
Open the User settings, and switch to JSON mode. You will be adding a few settings manually
The
files.associations
block could be already in your settings. If it isn’t, you need to add it. Otherwise add the following associations to it"files.associations": { "**/templates/*.html": "django-html", "**/*.html": "html" },
Tell Beautify about Django templates
"beautify.language": { "html": ["htm", "html", "django-html"] },
Replace Prettier with Beautify for Django templates. Note that
"prettier.disableLanguages": ["django-html"],
is no longer supported by VSC."[django-html]": { "editor.defaultFormatter": "HookyQR.beautify" },
You can of course add more settings to that particular block; for example, mine is
"[django-html]": { "editor.defaultFormatter": "HookyQR.beautify", "editor.formatOnSave": true, "editor.tabSize": 2 },
If you like emmet, which is now part of VSC by default, also add
"emmet.includeLanguages": { "django-html": "html" }
Prior art
I got some of the information from this SO answer and this other SO answer