1
resposta

Atalho "!" - Emmet Abbreviation

Boa noite! A digitar o atalho( ! ) + enter não aparece a estrutura do html pronta.

1 resposta

Oi Renato, tudo bem?

Provavelmente seu Emmet está desativado. Para ativar o Emmet no Visual Studio Code (VSCode), siga estas etapas:

  1. Abra o VSCode.
  2. Clique em "File" (Arquivo) no menu superior e selecione "Preferences" (Preferências), depois escolha "Settings" (Configurações). Você também pode abrir as configurações pressionando "Ctrl + ," (vírgula) no Windows/Linux ou "Cmd + ," (vírgula) no macOS.
  3. Será aberta uma nova janela com as configurações do VSCode.
  4. Na barra de pesquisas escreva emmet, e irão aparecer várias opções, procure por "Emmet: Show Expanded Abbreviation" e a defina como "always", permitindo que as abreviações do Emmet sejam expandidas em qualquer parte do arquivo.
  5. Agora, quando você estiver em um arquivo HTML, basta digitar "!" e pressionar a tecla "Enter" para estruturar o HTML.

A configuração fica assim:

Tela de configurações do VS Code com a seção "Emmet: Show Expanded Abbreviation" destacada em vermelho. A opção está definida como "always", permitindo que as abreviações do Emmet sejam expandidas em qualquer parte do arquivo, independentemente do tipo de linguagem. Outras configurações visíveis incluem "Show Suggestions As Snippets", "Trigger Expansion On Tab" e "Use Inline Completions".Isso permitirá que você use os atalhos do Emmet para gerar código HTML, CSS e outras linguagens de forma rápida e eficiente no VSCode.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!

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