... | @@ -3,21 +3,84 @@ |
... | @@ -3,21 +3,84 @@ |
|
|
|
|
|
# Configuração do Projeto
|
|
# Configuração do Projeto
|
|
|
|
|
|
### FRONTEND
|
|
## FRONTEND
|
|
|
|
|
|
Nesse tópico contém um tutorial para instalar o flutter e configurar o Android studio corretamente para que seja possível trabalhar no frontend do projeto. O tópico será dividido em 3 seções: Instalação do SDK do flutter, Instalação e configuração do Android studio e importando o projeto e o rodando no emulador.
|
|
Nesse tópico contém um tutorial para instalar o flutter e configurar o Android studio corretamente para que seja possível trabalhar no frontend do projeto. O tópico será dividido em 3 seções: Instalação do SDK do flutter, Instalação e configuração do Android studio e importando o projeto e o rodando no emulador.
|
|
|
|
|
|
* Instalação do SDK do flutter
|
|
### Instalação do SDK do flutter
|
|
|
|
|
|
1. Vá até o link https://flutter.dev/docs/development/tools/sdk/releases e faça download do zip contendo o sdk do flutter clicando no seguinte botão:
|
|
1. Vá até o link https://flutter.dev/docs/development/tools/sdk/releases e faça download do zip contendo o sdk do flutter clicando no seguinte botão:
|
|
|
|
|
|
2. Após realizar o download do arquivo, o extraia para o seu disco C, em um diretório livre de restrições de acesso (indico criar um diretório src no disco C e extrair os arquivos nele).
|
|
2. Após realizar o download do arquivo, o extraia para o seu disco C(se estiver no Windows) ou algum diretório de sua preferência, e livre de restrições de acesso.
|
|
|
|
|
|
3. Agora iremos realizar a configuração da variável de ambiente, para isso vá ate as propriedades do sistema, aba avançado e clique em variáveis de ambiente conforme a imagem a seguir:
|
|
* Instalação no Windows
|
|
|
|
|
|
4. Localize a variável path e clique em editar, na janela que foi aberta clique em novo para adicionar um novo caminho, nesse novo caminho, digite o caminho para a pasta bin onde seu arquivo foi extraído, como mostra a imagem a seguir:
|
|
1. Digite **env** na barra de pesquisa do Windows e clique em **Editar as variáveis de ambiente do sistema > Variáveis de Ambiente**, conforme a imagem a seguir:
|
|
|
|
|
|
Aqui deve ser explicado como configurar o Ambiente para que os Desenvolvedores do Projeto possam configurar o projeto para rodar em seus computadores, deve ser sempre atualizado a cada mudança de instalação feita.
|
|
"image"
|
|
|
|
|
|
* Deve ser explicado a configuração de **TODAS** as partes do projeto, tanto BACK,BANCO,FRONT,etc...
|
|
2. Em seguida clique na variável Path na aba Variáveis de Sistema e clique em **Editar > Novo** e adicione o path da pasta .../flutter/bin, como mostra a imagem a seguir:
|
|
* Além de explicar aqui, deve ter em cada Repositório o **RESUMO** de como instalar para quando os Desenvolvedores baixarem o projeto possam configurar por lá também |
|
|
|
\ No newline at end of file |
|
"image"
|
|
|
|
|
|
|
|
|
|
|
|
* Instalação no Mac ou Linux
|
|
|
|
|
|
|
|
Edite as suas variáveis de ambiente executando o comando **$HOME/ .bashrc** no seu terminal. Em seguida adicione a seguinte linha (substitua \[PATH_FLUTTER\] pelo seu path):
|
|
|
|
|
|
|
|
```shell
|
|
|
|
export PATH="$PATH:[PATH_FLUTTER]/flutter/bin"
|
|
|
|
```
|
|
|
|
|
|
|
|
Por fim, abra um novo terminal e execute o comando a baixo para verificar se o Flutter está disponível:
|
|
|
|
|
|
|
|
```shell
|
|
|
|
which flutter
|
|
|
|
```
|
|
|
|
|
|
|
|
* Verificar Versão do Flutter
|
|
|
|
|
|
|
|
Seguindo esses passos o sdk do flutter deverá estar instalado em sua máquina e pronto para ser utilizado por fontes externas. Você pode verificar se o processo ocorreu corretamente abrindo o cmd e rodando o comando flutter --version, deverá retornar o seguinte:
|
|
|
|
|
|
|
|
"image"
|
|
|
|
|
|
|
|
### Instalação e configuração do Android studio
|
|
|
|
|
|
|
|
1. Vá até o link: https://developer.android.com/studio#downloads e faça o download e instalação padrão do Android studio.
|
|
|
|
|
|
|
|
2. Após o fim da instalação abra o Android studio e em sua tela inicial clique em configure e selecione settings conforme a imagem a seguir:
|
|
|
|
|
|
|
|
"image"
|
|
|
|
|
|
|
|
3. Já na tela de settings vá até a aba de plugins e pesquise por flutter e instale a opção a seguir:
|
|
|
|
|
|
|
|
"image"
|
|
|
|
|
|
|
|
Ao final da instalação do plugin o android studio estará pronto para ser utilizado.
|
|
|
|
|
|
|
|
### Instalação do Emulador do Android Studio
|
|
|
|
|
|
|
|
1. No android studio, clique no menu "Tools > AVD Manager":
|
|
|
|
|
|
|
|
image
|
|
|
|
|
|
|
|
2. Uma janela com a lista de emuladores irá abrir. Clique em "Create new virtual device"
|
|
|
|
|
|
|
|
3. Selecione o dispositivo que deseja emular (exemplo Nexus 6) e clique em next:
|
|
|
|
image
|
|
|
|
|
|
|
|
4. Selecione o sistema operacional do dispositivo (exemplo API 27 android 8.1) e clique em next: image
|
|
|
|
|
|
|
|
* Caso seja a primeira vez que você vai utilizar o sistema operacional, irá primeiro ter que clicar em "Download" e esperar alguns minutos até o download ser concluido.
|
|
|
|
|
|
|
|
5. Edite o nome do dispositivo usando o campo AVD Name (caso desejar). No dropdown "Graphics" selecione a opção Hardware - desta forma, o emulador irá inicializar mais rapidamente
|
|
|
|
image
|
|
|
|
|
|
|
|
6. Clique em finish, o dispositivo deve estar listado na tela inicial do AVD
|
|
|
|
image
|
|
|
|
|
|
|
|
7. Clique no botão de play para iniciar o emulador!
|
|
|
|
image
|
|
|
|
|
|
|
|
8. Agora basta clicar em run e o programa irá executar no emulador:
|
|
|
|
image |
|
|
|
\ No newline at end of file |