Emmet para React no VS Code

Em minha caminhada como desenvolvedor já passei por inúmeras IDE’s e editores de texto, mas uma ferramenta desenvolvida pela Microsoft caiu nas graças dos desenvolvedores web! o nome dela é Visual Studio Code. Enfim, uma das funcionalidades mais usadas para agilizar o desenvolvimento de um Front-End é a possibilidade de auto-complete do código e snippets. Porem nos meu dia a dia utilizando o React, percebi que nos arquivos .js onde se usava do JSX o emmet não funcionava. Buscando e fuçando pela internet descobri a solução simples.

Bom, para fazer funcionar basta abir o menu file -> Preferences -> Settings , e na página que vai se abrir no editor, você adiciona o código abaixo nas configurações do editor.

"emmet.includeLanguages": {
  "javascript": "javascriptreact",
  "vue-html": "html"
}

Pronto! as abreviações do Emmet já devem estar funcionando.

Artigo tirado deste link: https://code.visualstudio.com/docs/editor/emmet#_emmet-abbreviations-in-other-file-types