... | ... | @@ -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.
|
... | ... | |