Emmet não funciona no VS Code
Odeio quando isso acontece
DO NADA, o emmet para de funcionar no VS Code e a pessoa perde vários minutos tentando consertar. Engraçado que, a cada vez, é um motivo diferente! Então, decidi fazer um guia para quando isso acontecer (até para mim mesma, porque isso acontece demais comigo).
A intenção deste post não é oferecer uma explicação técnica do motivo do emmet parar de funcionar ou informar um roteiro complexo. Vou apenas manter esse post atualizado de acordo com as soluções que forem funcionando para mim.
- Reiniciar o VS Code com as extensões desligadas
CTRL + SHIFT + P
Developer: Reload With Extensions Disabled
Para suas extensões voltarem a funcionar, é só seguir o mesmo caminho e escolher: Developer: Reload Window
2. Emmet.includeLanguages
CTRL + SHIFT + P
Preferences: Open Settings (JSON)
Copie e cole:
“emmet.preferences”: {
“emmet.includeLanguages”: {
“javascript”: “html”,
“njk”: “html”
}
},
No caso, você vai adicionar as extensões que está usando no seu projeto. Nesse exemplo, estava trabalhando com arquivos .njk (Nunjucks). Não precisa reiniciar o VS Code para funcionar.
3. Files.associations
No mesmo caminho que a solução de cima (Preferences: Open Settings (JSON)), cole o seguinte:
“files.associations”:{“*html”: “html”,
“*njk”: “html”},
Quando fiz isso, o Nunjucks parou de autocompletar. Mas, a minha preferência é sempre pelo Emmet. Então, para mim, ficou ok.
No fim, até o momento, minhas configurações do Emmet estão assim:
