Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Wiki Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Metrics
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Sem Barreiras
  • WikiWiki
  • Wiki
  • configuracao

configuracao · Changes

Page history
Ajustes na config do frontend authored Mar 15, 2024 by Pablo Miguel Chong Alles's avatar Pablo Miguel Chong Alles
Hide whitespace changes
Inline Side-by-side
configuracao.md
View page @ 08bfe7df
......@@ -118,7 +118,23 @@ v20.11.1
(Obs: a versão que retornará não precisa ser exatamente a mesma, desde que suporte as dependências do projeto.)
#### 2 - Instalação de dependências
#### 2 - Instalação do Expo na máquina
Com o Node instalado deve ser instalado o [expo-cli](https://docs.expo.dev/more/expo-cli/) caso tenha algum problema na instalação esse [link]() pode ser acessado para visualizar problemas frequentes. Para instalar basta rodar:
```
npm install -g expo-cli
```
Para verificar se a instalação foi bem sucedida execute o seguinte comando:
```
C:\user> expo --version
6.3.10
```
(Obs: a versão que retornará não precisa ser exatamente a mesma, desde que suporte as dependências do projeto.)
#### 3 - Instalação de dependências
Após ter clonado o frontend, abra o projeto em sua IDE ou em seu ambiente de preferência. Para o frontend é recomendado utilizar o [VSCode](https://code.visualstudio.com/), dado que o projeto tem extensões disponibilizadas por ele como o [Prettier](https://prettier.io/) e o [ESLint](https://eslint.org/) para formatação do código.
......@@ -130,7 +146,9 @@ npm install
Ele instalará as dependências do projeto em suas respectivas versões definidas nos arquivos `package-lock.json` e `package.json`.
#### 3 - Rodar o projeto
**Side note:** caso encontre problemas ao rodar o projeto devido a alguma dependência rode um dos comandos `npm update` ou `npm audit fix` e caso persista averigue os logs de execução para ver quais são os possíveis problemas
#### 4 - Rodar o projeto
Se tudo deu certo até aqui, basta executar o comando:
......@@ -152,6 +170,8 @@ Levando em consideração que o sistema desenvolvido é um aplicativo mobile, se
Essa é a forma mais simples de visualizar o projeto, você só vai precisar de um smartphone e instalar o aplicativo [Expo Go](https://expo.dev/go). Com o aplicativo instalado ao rodar o projeto com `npm start` no terminal será disponibilizado um QR Code, o qual se você o escanear ele abrirá o Expo e começará a carregar a visualização do frontend. Permitindo que interaja com as telas e caso seja feita alguma modificação no código durante a execução há a opção de _hot reload_ pressionando "R" no terminal de execução.
**Nota Importante:** rede do celular e da máquina devem ser a mesma se for escanear o QR Code.
#### Visualização no emulador
Caso prefira você também pode fazer a visualização por um emulador. Apesar de consumir mais recursos da sua máquina essa também é uma opção caso você os tenha de sobra. Caso contrário é mais recomendável seguir pela opção anterior de visualização pelo celular. Dito isso, uma sugestão de emulador de smartphone é o [Android Studio](https://developer.android.com/studio), sendo que para instalação pode seguir o modelo padrão de instalação sem a necessidade de modificar nenhum parâmetro.
......
Clone repository
  • Banco de Dados
  • Sprint 0
  • Sprint 1
  • Sprint 2
  • Sprint 3
  • Sprint 4
  • arquitetura
  • backend
  • configuracao
  • design_mockups
  • escopo
  • frontend
  • gerencia
  • Home
  • processo
View All Pages