Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Duvida] Arquivo HTML convertendo para Django

Insira aqui a descrição dessa imagem para ajudar na acessibilidadequando eu crio o arquivo fora da pasta templates ele é criado como HTML normal porem quando passo para a pasta templates ele automaticamente muda para Dj e os atalhos como '!' param de funcionar

1 resposta
solução!

Olá, Eduardo! Tudo bem?

No caso, o arquivo não muda para dj, ele ainda é um arquivo HTML, mas o VS Code começou a identificar ele como sendo um template Django logo os atalhos HTML não vão funcionar.

Mas podemos aplicar algumas configurações para que os atalhos do HTML possam ser utilizados:

  1. Abra o settings.json do vscode, clicando CONTROL + SHIFT + P e digitando "Open User Settings (JSON)"

  2. No arquivo que se abrir, digitar:

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

    Pode acadar acontecendo um erro se você simplesmente colar isso no final do arquivo, provavelmente vai ser devido à falta de uma vírgula dividindo as configurações.

    Settings.json do VS Code

  3. Por fim recarrega o Vs code, clicando CONTROL + SHIFT + P e selecionando reload window:

    Reloade do Vs Code

Por fim, para criar o HTML, basta usar o ponto de exclamação. As abreviações do Django continuarão a funcionar:

Gif da utilização do atalho de criação de um modelo HTML

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software