Precisamos melhorar a experiência de desenvolvimento

[drianoaz]

What problem are you trying to solve?.
Há pouco mais de uma semana eu tive meu primeiro contato com o Vtex.io.

Durante o onboarding, foi sugerido que utilizássemos o VSCode, porém tenho a sensação de que estamos usando essa ferramenta como um editor de texto ao invés de um ambiente de desenvolvimento.

Achei interessante a forma como compomos o layout através de arquivos .json, porém a experiência de desenvolvimento é muito ruim se comparado a outras tecnologias que utilizamos no nosso dia a dia devido a falta de integração com o ferramental que utilizamos durante o nosso fluxo de desenvolvimento.

Describe the solution you'd like
A ideia que estou tentando propor é criarmos um plugin do VSCode que seja capaz de prover:

• Syntax highlighting
• Code completion
• Snippets
• Realtime errors/warnings/TODOs
• Documentation in hovers/tooltips
• Go to Definition
• Find References
• Rename refactoring
• Format document

Why do you think this feature should be available to all stores?
Todas as pessoas que são desenvolvedoras que utilizam a Vtex tirariam proveito de uma ferramenta como essa. Com ela poderíamos reduzir a nossa carga cognitiva e aumentar significativamente a velocidade do nosso desenvolvimento devido a não necessidade de decorarmos e/ou termos que abrir a documentação para consultar tudo o que queremos fazer.

Describe alternatives you've considered
Não existem alternativas oficiais, apenas alguns plugins de Snippets que tentam resolver parte da dor

Additional context
Seria muito legal que esse plugin desse suporte otimizado para o CSS e demais configurações.

[ygreis]

Passo diariamente pela mesma "dor" como citado, isso realmente seria muito útil. Up!

[iaronaraujo]

Oi @drianoaz muito obrigado pela sugestão! Sua sugestão faz bastante sentido, mas acredito que do lado do time de produto da VTEX isso será priorizado somente no proximo ano. Enquanto isso, sinto que faz sentido recomendar algumas extensões do VScode que resolvem alguns desses problemas. Vou pedir pro pessoal colocar algumas sugestões aqui e também atualizar a documentação!

[IncognitaDev]

Olá, criamos uma extensão open source para ajudar no desenvolver com store-framework, não tem todas as funcionalidades que seriam ideias mas pode te ajudar. Infelizmente ainda não subimos no marketplace do vscode, mas jaa é possível instalar através do arquivo .vsix.
vtex-io-intellisense

[IncognitaDev]

Foi publicado, e já pode ser baixado pela loja do vscode. Esperamos ajudar a comunidade.
VTEX IO Intellisense