Atalho

RENATO COSTA DA SILVA · 2025-05-06 17:36

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

Oi Renato, tudo bem?

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

Abra o VSCode.
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.
Será aberta uma nova janela com as configurações do VSCode.
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.
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

Importante

Atalho "!" - Emmet Abbreviation

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP