Objetivo
O propósito deste repositório é padronizar o conjunto de extensões recomendadas para desenvolvedores do time WhatsMenu. Ter um Extension Pack compartilhado garante que todos os desenvolvedores trabalhem com ferramentas, formatação e integrações consistentes, reduzindo atritos na revisão de código, no setup de novos membros e no suporte interno.
Este pacote não força configurações — ele fornece um conjunto curado de extensões que a equipe WhatsMenu recomenda como ponto de partida.
Extensões incluídas
O pacote contém (lista extraída de package.json):
- eamodio.gitlens
- rvest.vs-code-prettier-eslint
- bradlc.vscode-tailwindcss
- vitest.explorer
- bierner.markdown-mermaid
- ms-vscode.live-server
- GitHub.copilot-chat
- GitHub.copilot
- github.vscode-github-actions
- google.gemini-cli-vscode-ide-companion
- figma.figma-vscode-extension
- dbaeumer.vscode-eslint
- luongnd.edge
- formulahendry.auto-rename-tag
- Angular.ng-template
- jripouteau.adonis-vscode-extension
Se quiser adicionar/remover alguma extensão do pacote, abra uma issue ou um PR com a justificativa.
Instalação (usuário)
- Pela Marketplace (quando publicado): pesquise por "WhatsMenu Extensions Pack" e instale.
- Localmente, se tiver o arquivo
.vsix gerado no projeto, instale com o VS Code:
code --install-extension whatsmenu-extensions-pack-0.0.1.vsix
Observação: o arquivo whatsmenu-emoji.png na raiz é o ícone do pacote (referenciado em package.json).
Empacotar a extensão (manutenção)
Recomendamos usar o vsce para gerar o .vsix. Passos rápidos:
# instalar (se necessário)
npx -y vsce package
# instala localmente o vsix gerado
code --install-extension *.vsix
Verifique que .vscodeignore não exclui o arquivo de ícone (PNG) para que o ícone seja incluído no pacote.
Recomendações de uso e boas práticas
- Prefira usar as extensões apenas como recomendação — nem todas são obrigatórias para todos os projetos.
- Adote as regras de lint/format definidas no repositório principal do projeto (por exemplo ESLint + Prettier). Esta pack inclui extensões que ajudam nisso (
rvest.vs-code-prettier-eslint, dbaeumer.vscode-eslint).
- Para times que usam Tailwind, mantenha
bradlc.vscode-tailwindcss ativa para autocompletes e inspeções.
Se quiser, podemos adicionar um arquivo recommendedExtensions.json com instruções de instalação automática para workspaces.
Contribuindo
- Abra uma issue para discutir mudanças nas recomendações.
- Para alterar o pack, crie um PR que atualize
package.json (campo extensionPack) e explique o motivo.
Versionamento
Seguir o versionamento semântico (SemVer). Atualize version em package.json ao publicar novas versões.
Contato
Para dúvidas sobre as recomendações ou problemas com o pacote, crie uma issue neste repositório ou fale com o time de plataforma/devtools do WhatsMenu.
Se quiser, eu posso:
- Gerar um
recommendedExtensions.json para uso como recomendações de workspace.
- Atualizar o
README com instruções específicas de configuração de editor (snippets de settings.json).
- Gerar automaticamente um placeholder de ícone alternativo e atualizar o
package.json para apontar para ele.
Diga qual desses extras você prefere e eu faço já.
