Atom e emmet

Olá! Tudo bem?

Parabéns por concluir o item 4 da sua formação.

Sobre o Emmet, ele é um recurso disponível em editores de código como o VS Code e o Atom. Ele ajuda os desenvolvedores a escrever código mais rapidamente por meio de atalhos.

Por exemplo, se precisamos escrever a tag

em nosso HTML, podemos simplesmente digitar "p" e, em seguida, pressionar a tecla "Tab". O Emmet expande automaticamente a tag para a forma completa:

<p></p>

Antes de usar o Emmet, é necessário instalá-lo em seu editor de código. E isso já é ensinado à fazer no vídeo que você viu/está vendo. Ele ensina à instalar a extensão no Atom:

• Emmet: instalação e comandos no Atom

Agora como ele não mostra como é feito o mesmo no Visual Studio Code(VS Code), eu vou deixar um pequeno tutorial para você:

• No VS Code, clique no ícone "Extension" na barra lateral esquerda do editor (o último ícone da parte inferior):

• No lado esquerdo superior do VS Code, aparecerá um campo para digitar o nome da extensão que deseja, escreva: “Emmet” e aperte enter:

• Aparecerá algumas opções, escolha a Elm Emmet e clique em Install :

• Pronto, o recurso foi instalado em seu editor, mas atenção, alguns editores já vem com ele instalado!

Para conhecer os atalhos para escrever os códigos de maneira mais rápida, como no exemplo dado mais acima, deixarei um link contendo esse conteúdo para consultar sempre que quiser.

• Atalhos e sintaxes do Emmet

Espero que a explicação acima tenha te ajudado a entender melhor sobre o Emmet.

Qualquer dúvida estarei à disposição.

Espero ter ajudado, um abraço e Bons estudos!