Configuração do VS Code para usar o VueJs

[Murillofilho86]

Fala pessoal!
Estou fazendo algumas coisas com o Vue e usando o VS Code, mas estou sem nenhuma extensão para indentação dos meus templates... Customizei um atalho para indentar todos os meus arquivos, html, javascript, css, C#, Node... Mas não está funcionando no Vue... Procurei na internet e achei o vue-snippets, instalei e mesmo assim não esta funcionando... Alguém tem uma dica pra ajudar o irmão aqui?

[bizarro]

Opa, o Vetur não resolve tudo para você? Geralmente eu só uso ele quando preciso mexer em projetos Vue.

[marceloavf]

Recomendo esse pack da Sarah Drasner: https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-extensionpack

[klarkc]

Além disso vc pode utilizar e extensão eslint e usar o plugin do Vue para eslint

[caioincau]

Uso o Vetur e estou super satisfeito.

[WillianSugiyama]

Cara, o Vuejs Extension Pack é o melhor pack pra isso, recomendo demais !

[Murillofilho86]

Instalei o Vue VS Code Extension Pack, tem o vetur incluso, é completíssimo... Mas não resolveu, o atalho que eu uso pra formatar ainda não funciona em todo código... Só formata o que esta dentro da tag script, porém os componentes, eu tenho que indentar manualmente. :(

[WillianSugiyama]

@Murillofilho86, você vai precisar adicionar uma linha na sua configuração de preferencia:

Vai ajudar na indentação.

[houstondapaz]

@Murillofilho86 adiciona estás configurações no seu use settings
"vetur.format.defaultFormatter.html": "js-beautify-html", "prettier.singleQuote": true, "prettier.semi": false, "eslint.options": { "extensions": [ ".js", ".vue" ] }

[plcosta]

Recomendo esse artigo do @danielschmitz

http://vuejs-brasil.com.br/deixe-o-eslint-trabalhar-para-voce-no-visual-studio-code/

Tem sugestões de extensões e configuração do Eslint.