configuracao

Home	Cronograma	Arquitetura	Git	Configuração	Mockups	Banco de Dados	Instalação	Gerência de Projeto	Qualidade

Configuração de ambiente Mobile

Requisitos:

Node.js LTS release - Node.js LTS releases (números ímpares).
- Você pode instalar o Node.js usando uma ferramenta de versionamento (como nvm ou volta) para conseguir trocar entre diferentes versões do Node.js
Git
Para Mac e linux o watchman é necessário: Watchman
Expo pode-se instalar com o comando npm install expo-cli --global após já ter o node instalado
Expo go app no seu celular ou um simulador de Android ou Iphone

instruções para executar o projeto

git clone https://tools.ages.pucrs.br/rotas-rurais/front-mobile.git
cd front-mobile
npm install
npm start
Escaneie o QR code que aparecer na tela com a câmera do seu celular ou clique a para executar no simulador de android e b para o de ios

O app não está rodando no seu celular?

Primeiro, verifique se você está na mesma rede Wi-Fi no seu computador e no seu dispositivo. Se ainda não funcionar, pode ser devido à configuração do roteador — isso é comum em redes públicas. Você pode contornar isso escolhendo o tipo de conexão "Túnel" ao iniciar o servidor de desenvolvimento e digitalizando o código QR novamente.

Execute o projeto com npx expo start --tunnel

Usar o tipo de conexão "Túnel" tornará as recargas de aplicativos consideravelmente mais lentas do que em "LAN" ou "Local", portanto, é melhor evitar o túnel sempre que possível. Você pode querer instalar um simulador/emulador para acelerar o desenvolvimento se o "Túnel" for necessário para acessar sua máquina de outro dispositivo em sua rede.

Configuração Ambiente Back-End

TBD

Configuração Ambiente Front Web

Build Setup

pré requisitos

node versão 16.15.0

instruções para executar o projeto

# instalar dependencias
npm install

# rodar o projeto na porta localhost:8080
npm run dev

# build para production com minification
npm run build

Para mais informações, consultarvue-loader.

Extensões recomendadas no VScode

Vetur - suporte para Vue
SCSS IntelliSense - suporte pars SCSS
ESLint - para indicar os erros de estilo no código, possui uma configuração que corrige os erros ao salvar
Babel JavaScript - suporte para o JS

Componentes Bootstrap

https://bootstrap-vue.org/docs/components