Me las arreglé para hacerlo por:

• instalando la extensión Django

• agregando la siguiente configuración a mi archivo de configuración de espacio de trabajo.json:

   "emmet.includeLanguages": { "django-html": "html", }

Como dijo namespace_Pt , lo probé y funciona. Enumeraré qué extensiones están en mi instalación de Visual Studio Code.

1. Django 1.2.0

2. Visual Studio IntelliCode (lo probé y funciona sin este)

    "emmet.includeLanguages": { "django-html": "html", }

Lo agregué, al final del archivo settings.json . Encuentro el archivo en la barra de búsqueda de la configuración. Simplemente deshaga lo que Visual Studio Code agregó y agregue el código anterior. No olvides agregar una coma.

Dónde encuentra el archivo .json en la configuración

Cómo se ve después de que lo agregué

Sigue los pasos:

1. Instala esto como tu extensión: Django

2. Escriba las líneas de códigos en settings.json de su Visual Studio Code:

    "emmet.includeLanguages": { "django-html": "html", }

3. ¿Cómo puedo obtener settings.json ?

   Respuesta : El comando de menú Archivo → Preferencias → *Configuración ( Código → Preferencias → Configuración en Mac) proporciona una entrada para configurar los ajustes del usuario y del espacio de trabajo. Se le proporciona una lista de configuraciones predeterminadas . Copie cualquier configuración que desee cambiar a la configuración adecuada. archivo JSON.

Esta es esencialmente la misma solución, pero usando la interfaz de usuario de VS Code, lo que puede hacer que sea más fácil para algunas personas, especialmente si es nuevo en esto y su archivo settings.json aún no se ha generado.

En VS Code, vaya a Archivo -> Preferencias -> Configuración

Una vez allí, puede cambiar a la pestaña 'Área de trabajo' si desea que esta configuración sea solo para este proyecto/área de trabajo, o quedarse con la pestaña 'Usuario' si desea esto en todos los proyectos/áreas de trabajo.

Abra el elemento 'Extensiones' en la lista y haga clic en 'Emmet'.

En 'Incluir idiomas', haga clic en el botón 'Agregar elemento'. Complétalo con:

Elemento: django-html

valor: html

y haga clic en el botón 'Aceptar'.

Esto agregará la configuración para usted a su archivo settings.json, o generará un nuevo archivo settings.json si no tiene uno.

Nota: Para que funcione autocompletar/generar, es posible que deba escribir su etiqueta sin los corchetes, por ejemplo, li (no <li> ), luego presione Intro para obtener <li></li>

Cuando la versión de mi vscode es 1.62.3, "emmet.includeLanguages": {"django-html": "html",} no funciona bien, pero la versión 1.52.1 puede funcionar bien.

Funciona para mí (vs 1.62.3): en el archivo settings.json antes:

 "emmet.includeLanguages": { "django-html": "html", }

incluir:

 { "files.associations": { "**/*.html": "html", "**/templates/**/*.html": "django-html", "**/templates/**/*": "django-txt", "**/requirements{/**,*}.{txt,in}": "pip-requirements" },

El archivo total se parece a:

 { "files.associations": { "**/*.html": "html", "**/templates/**/*.html": "django-html", "**/templates/**/*": "django-txt", "**/requirements{/**,*}.{txt,in}": "pip-requirements" }, "files.autoSave": "afterDelay", "emmet.includeLanguages": {"django-html": "html"}, }

Intenté todo lo que se mencionó anteriormente, pero nada funcionó para mí. Luego, después de mucho ajetreo, encontré la solución. En su código VS, vaya a .. --> Archivo --> preferencias --> configuración --> espacio de trabajo (si desea que esta configuración sea solo específica de este espacio de trabajo o "usuario" si lo desea para todos) --> extensiones --> emmet--> ahora haga clic en Editar en settings.json --> ahora en ese archivo debajo de las llaves que ya están dadas, escriba o copie y pegue esto ->

"emmet.triggerExpansionOnTab": verdadero,

"archivos.asociaciones": {"*html":"html"},

y presione ctrl + s para guardar.

¡Funcionó para mí! Espero que funcione para usted también.!