Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

10
respostas

Atalho para formatação básica do HTML visual

Gente, alguém sabe o truque do visual para formatação básica. html:5 ai aparece?

10 respostas

Olá, Gabriel.

Tudo bem?

Basta você digitar o ponto de exclamação (!) e apertar a tecla enter que aparece a estrutura básica do HTML.

Lembrando que você tem que ter a extensão do Elm Emmet instalada no seu Visual Studio Code.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Espero que funcione, mas se não funcionar manda aqui de novo. Valeu Gabriel.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade baixei mas nao foi

Ah tá, foi erro meu, é ponto de exlamação sem os parênteses !, digita o ponto de exclamação e aperta Enter.

Testa ai e qualquer coisa manda aqui de novo. Valeu.

não deu

Olá Gabriel, há pouco tempo atrás funcionava examente como o Renan te explicou, mas em algum momento o emmet mudou. Agora ao invés de uma simples "!", vc deve por html5. Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade nao deu memo habilitado

Como vc está criando o arquivo para começar a escrever código? Está criando "qualquernome.html"? a extensão desse arquivo é html? E outra, vc conseguiu baixar o emmet, o plugin que o Renan mencionou?

Sim, eu baixei extensão. E criei um novo documento. Para testar a função e não consegui.

Tenta criar primeiro seu arquivo "arquivo.html" e depois digita !** ou **html5

Olá!

Na própria documentação do vscode está sendo abordado como ativar/desativar a sugestão de autocompletar um documento, nesse caso, o próprio html.

https://code.visualstudio.com/docs/languages/html

Verifique como se encontra configurado o seu.

Nesse outro endereço você encontra as combinações aceitas para agilizar a escrita do seu documento html.

https://docs.emmet.io/cheat-sheet/