Na rotina de desenvolvimento com VTEX IO, é comum precisar conferir rapidamente quais versões de apps estão instaladas em um ambiente.
Normalmente, isso é feito via terminal usando o comando vtex ls.
No entanto, nem sempre abrir o terminal é a opção mais prática. Em alguns cenários, especialmente durante análises rápidas ou revisões visuais, acessar essas informações diretamente pelo navegador pode ser muito mais eficiente.
Por isso, neste artigo, você vai aprender formas simples e visuais de verificar versões de apps, temas e componentes no VTEX IO sem sair do browser.
Como verificar a versão do app de tema no VTEX IO
Antes de tudo, é importante identificar corretamente qual é o app de tema utilizado pela loja.
Passo 1: identifique o vendor e o nome do app
Primeiramente, abra o código do app de tema e localize o arquivo manifest.json.
Nele, você encontrará informações essenciais como o vendor e o nome do app.
Esses dados serão fundamentais para localizar a versão correta no próximo passo.
Passo 2: inspecione a loja no navegador
Em seguida, abra a loja em qualquer navegador de sua preferência e utilize a ferramenta de inspeção.
Na aba Elements (Elementos), faça uma busca pelo seguinte padrão: “vendor.nome-do-app@ “
Dessa forma, o próprio HTML exibirá a versão do app de tema diretamente na árvore de elementos da página.
Esse método é especialmente útil para validações rápidas, sem depender de acesso ao repositório ou ao terminal.
Como verificar a versão de componentes nativos e customizados
Além do tema, também é possível verificar componentes nativos e customizados carregados no ambiente. Para isso, o processo é ainda mais direto.
Passo a passo
Inspecione a página da loja
Acesse a aba Console
Execute o comando: “
__RUNTIME__.components“
Como resultado, será exibida uma lista com todos os componentes carregados, incluindo nomes e versões.
Assim, você consegue identificar rapidamente dependências, versões inconsistentes ou possíveis conflitos no ambiente.
Por que usar o browser em vez do terminal?
Em resumo, essas abordagens oferecem algumas vantagens importantes:
- Mais rapidez para conferências pontuais
- Não exigem acesso ao terminal
- Facilitam revisões durante QA ou análise visual
- Tornam o processo mais acessível para quem está começando no VTEX IO
- Portanto, sempre que precisar validar versões de forma prática, o navegador pode ser um grande aliado.
Conclusão
Com essas técnicas visuais e passos simplificados, verificar versões de apps instalados no VTEX IO se torna uma tarefa muito mais acessível.
Embora o comando vtex ls continue sendo útil em diversos cenários, nem sempre ele é necessário.
Experimente aplicar esses métodos no seu dia a dia e ganhe mais agilidade nas suas análises.
E, claro, fique atento às próximas dicas enquanto seguimos explorando o ecossistema do VTEX IO 🚀
Quer se aprofundar em Front-end e VTEX IO?
Na DFreedom, trabalhamos com uma formação prática e orientada ao mercado. Por isso, nosso foco está no desenvolvimento web e no ecossistema da VTEX. Assim, atendemos desde quem está começando até profissionais em nível avançado.
