Cursos / Informática para Internet / Plataformas de aplicações Web / Aula

arrow_back Aula 12 - PetTopStore - PDV - Parte 1

Criando o aplicativo PDV com o React

Vamos usar o utilitário create-react-app para criar o PDV.

npx create-react-app pdv

Responda "y" quando perguntado se deseja prosseguir Descrição imagem Alguns instantes depois... Descrição imagem

Para iniciar o seu projeto do PDV em React entre na pasta "pdv" e execute o app na porta 4000

cd pdv
PORT=4000 yarn start

Descrição imagem

Descrição imagem

Escolhemos a porta 4000 pois a porta 3000 (padrão) já está sendo usada pela nossa API. Se você desejar não precisar digitar a porta todas as vezes que for iniciar o pdv, então edite o arquivo package.json e troque a linha

"start": "react-scripts start",

por

"start": "PORT=4000 react-scripts start",

Pronto. agora basta digitar "yarn start" e o pdf irá executar na porta 4000 automaticamente.

Descrição imagemEstrutura de um projeto criado com o create-react-app


Versão 5.3 - Todos os Direitos reservados