¿Cómo puedo autocompletar HTML y Django-HTML simultáneamente en Visual Studio Code?

He instalado el soporte de Django en Visual Studio Code y asociados */plantillas/*.html con django-html como lo exige la prórroga.

Sin embargo, no puede competir automáticamente Etiquetas HTML como lo he hecho.

Y si solo asocio HTML consigo mismo, entonces no puede intellisense Plantilla Django código.

¿Cómo puedo autocompletar ambos?

Me las arreglé para hacerlo por:

• instalando el Extensión Django

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

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

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 enter para obtener <li></li>

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 configuración.json archivo. 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 código de Visual Studio:

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

3. Como puedo conseguir settings.json?

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

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 presiona ctrl + s ahorrar.

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

Me las arreglé para que funcione instalando la extensión de etiqueta de cierre automático y agregando soporte de idioma “django-html” a la configuración de activación en idioma.

"auto-close-tag.activationOnLanguage": [
    "django-html",
    ...,
]