Meus companheiros de bootcamp! <3
Inspirada por algumas postagens que vi no slack, decidi tentar descrever o mais básico das configurações necessárias para usar o VTEX IO e seguir a trilha do All Bound.
Vou dividir em passos para ficar bem explicativo:
Passo 1: Entre na plataforma do All Bound, entre com o email no qual você se cadastrou para o Hiring Coders.
Não vou colocar o link aqui porque não tenho certeza se posso, mas é só entrar no All Bound, fazer o login e ir em “Training and Pre-Sales”
Passo 2: Clone o minimum-boiler-plate no github e coloque a pasta em um lugar de fácil acesso no seu computador. (Como uma pasta de projetos ou na Área de Trabalho se preferir)
O link é esse: GitHub - vtex-apps/minimum-boilerplate-theme: This is the bare minimum setup to start your own Store Framework theme
Olhem também essa dica aqui do @AlbertoVictorRebello
Passo 3: Abra essa pasta no VSCode (ou o editor que você costuma usar) e procure o arquivo “manifest.json”. Mude o valor do “vendor” para o nome da sua casa e o “name” para um nome de sua preferência.
Como no exemplo:
Como podem ver, “control” é o nome da minha casa e “thetaking” foi só um nome que eu escolhi.
Passo 4: Abra o seu terminal (prompt de comando, hyper, git bash, powershell, o terminal do VSCode, o que preferir…) dentro da pasta que você clonou. Lembre-se que é muito importante que o manifest.json esteja na pasta em que você abrir o terminal.
Passo 5: Faça o login na sua casa. Deixando bem claro que, apesar da trilha dizer que o comando é “VTEX login appliancetheme”, você deve colocar “VTEX login nomeDaSuaCasa”, como no exemplo:
Quando você fizer o login, aguarde um pouco. Uma aba vai ser aberta em seu navegador. Se houver algum passo a seguir, siga. Se for apenas uma mensagem dizendo para fechar a aba, parabéns! Você está logado.
Passo 6: Crie o seu workspace inserindo “VTEX workspace use nomeDoSeuWorkspace”. Se não houver nenhum workspace com o nome que você inserir, o terminal vai perguntar se você quer criar um e você pode apenas digitar “y”.
Passo 7: Agora você pode dar o “VTEX link”. As modificações que você fizer no arquivo serão linkadas em tempo real para a página. Há duas formas de ver essa página: clicando no link que aparece assim que o “VTEX link” começa a funcionar, ou então colocando “VTEX browse” no terminal, é a mesma coisa.
A partir daí, segue a trilha do All Bound e bons estudos!
Observação: “macarena” não é meu workspace, só criei como exemplo e já excluí. kkkkkk
Alguns adendos:
- Sempre que tiver dúvidas sobre onde está, use o “VTEX whoami”, ele ajuda muito.
- Esse post aqui para o caso da sua página não atualizar ou ficar em branco mesmo com modificações: VTEX IO - Erro no Template - Pagina em Branco/ Nao carrega - Acessar Produtos
