Emmet para React no VS Code

FrankRocha.js
1 min readJul 12, 2018

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

--

--

FrankRocha.js

⚡ Specialist @ Trybe | Software developer ⚡ working with ☕️ 2 coffees/day, teaches things about Js, Node, React, PHP and docker in the community :D