Configurando

Configurações

Introdução

Antes de colocar as mãos na massa e aprender mais sobre o Store Framework no VTEX IO, você precisará definir algumas configurações básicas, como:

  • Instalação do Git;
  • Instalação da CLI do VTEX IO;
  • Login em uma conta VTEX;
  • Criação de um workspace de desenvolvimento;
  • Vinculando seus arquivos locais à plataforma.

Dê uma olhada no passo a passo abaixo para cada uma dessas configurações:

Instalando o Git

Instale o Git em seu computador clicando no link abaixo e selecionando seu sistema operacional (Windows, MAC ou Linux):

https://git-scm.com/downloads

Instalando a CLI do VTEX IO

A CLI do VTEX IO é uma ferramenta VTEX de linha de comando. Ele permite que você execute qualquer atividade na plataforma, como criar um novo workspace de desenvolvimento, fazer login em uma conta VTEX, desenvolver novas aplicações ou gerenciar os já existentes, etc.

Uma vez que é a CLI do VTEX IO que estabelece a comunicação entre o desenvolvedor e a plataforma, você precisará dele para realizar todas as atividades propostas durante esse e os outros cursos.

  1. Instale o Node.js. Se você estiver usando um MAC, instale também Yarn;
  2. Execute npm i -g vtex em seu terminal se estiver usando Windows ou yarn global add vtex se estiver usando MAC;

Você pode executar vtex para confirmar se a instalação da CLI do VTEX IO ocorreu conforme o esperado.

Depois de instalado com sucesso, a próxima etapa é fazer login em uma conta VTEX.

Fazendo login

  1. Execute vtex login appliancetheme em seu terminal, durante esse treinamento, usaremos essa conta para o desenvolvimento.

  2. Depois de fazer login, execute vtex whoami para confirmar a conta e a área de trabalho em que você se encontra.

Os workspaces nada mais são do que o que o homônimo sugere. No VTEX IO, as contas têm três tipos principais de workspace, a saber master, produção e desenvolvimento.

O próximo passo é criar um workspace de desenvolvimento, que permitirá que você brinque com as configurações ao longo do curso sem alterar a versão pública final da loja.

Criação de um workspace de desenvolvimento

  1. Execute vtex use workspace-name, substituindo workspace-name pelo nome desejado. Use um nome único para seu workspace.

Acessando seu workspace

Depois de criar o workspace, você poderá acessá-lo neste link: https://{workspace}--{conta}.myvtex.com, substituindo{workspace}e{conta}com o nome do workspace e conta criados anteriormente. Por exemplo, https://devworkspace--appliancetheme.myvtex.com


Depois de definir as configurações básicas, você está pronto para iniciar o curso!


Ajude-nos a fazer este conteúdo melhor!

Os cursos do VTEX IO são de código aberto. Se você perceber algum problema, pode abrir um pull request!

Faça uma contribuição

ou abra uma issue


Next step