Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Joinfut Wiki Joinfut Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 6
    • Issues 6
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • 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
  • Joinfut
  • Joinfut WikiJoinfut Wiki
  • Wiki
  • Frontend
  • flutter_instalacao

flutter_instalacao · Changes

Page history
Colocando explicação de instalação do Flutter authored Aug 29, 2022 by Gabriel Fanto Stundner's avatar Gabriel Fanto Stundner
Hide whitespace changes
Inline Side-by-side
frontend/flutter_instalacao.md 0 → 100644
View page @ 00b29cf5
# Como instalar o Flutter
* [Windows](#Windows)
* [Linux](#Linux)
---
## Windows
### Baixando o Android Studio
* Tenha o GIT instalado em seu computador
* Acesse o Link para fazer download do android studio: [**Download**⬇️](https://developer.android.com/studio/?hl=pt-pt)
* Após baixado, siga a instalação padrão clicando em Next até chegar no Install
* Após instalado, vai seguindo em next até a parte das licenças:
![image](resources/images/installation/flutter/licencas_android.png)
* Deixe ele instalar todos os componentes necessários
![image](resources/images/installation/flutter/instalando_componentes.png)
* Depois de instalado tudo ele chega nessa tela inicial
![image](resources/images/installation/flutter/pagina_inicial.png)
### Baixando o SDK do Flutter e configurando o Path
Baixe o SDK estável mais recente, pelo site [**Oficial**](https://docs.flutter.dev/get-started/install/windows#get-the-flutter-sdk)
Para nosso projeto iremos utilizar esta versão: [**Download**⬇️](https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_3.0.5-stable.zip)
extraia os dados do .zip e coloque na seguinte localização: **C:/src/flutter**
caso não tenha o diretório src, crie como abaixo
extraia tudo do .zip com o nome da pasta como flutter.
![image](resources/images/installation/flutter/criando_src.png)
Acesse as variaveis de sistemas
![image](resources/images/installation/flutter/editar_variaveis_find.png)
![image](resources/images/installation/flutter/acessar_variaveis_ambiente.png)
![image](resources/images/installation/flutter/editando_path.png)
![image](resources/images/installation/flutter/variaveis_clique.png)
Coloque no path o caminho do bin do android studio, do Flutter e do dart que vem junto com Flutter.
![image](resources/images/installation/flutter/colocando_variavel_path_flutter.png)
Coloque também nas variáveis do sistema o Flutter
![image](resources/images/installation/flutter/colocando_variavel_path_sistema_flutter.png)
Reinicie o Windows
### Rodando o Flutter doctor
Flutter doctor serve para instalar os dados que faltam para rodar o flutter.
Abra um console direto na pasta do Flutter no **C:/src**
Rode o comando do [**Flutter Doctor**]()
Deve aparecer essas informações:
![image](resources/images/installation/flutter/console_flutter_doctor.png)
Na imagem acima diz que falta instalar o Google Chrome para desenvolvimento web, visual studio para desenvolvimento no windows e o android sdk
### Instalando Visual Studio
---
## Linux
### Instalando o Android Studio
* Tenha o GIT instalado em seu computador
* Baixe o Android Studio por esse link: [**Download**](https://developer.android.com/studio/?hl=pt-pt)
* O android studio vai ser salvo como um arquivo **tar.gz**, para descompactar, utilize os comandos abaixo:
```shell
# va na pasta onde se encontra o arquivo e rode o seguinte comando
$ tar xzf android-studio-2021.2.1.16-linux.tar.gz
# acesse a nova pasta criada
$ cd android/studio
# acesse a pasta bin
$ cd bin
# execute o arquivo studio.sh
$ ./studio.sh
```
* Siga os passos de instalação clicando em **Next** e **Accept** em tudo
![image](resources/images/installation/flutter/licencas_android.png)
* Deixe ele instalar todos os componentes necessários
![image](resources/images/installation/flutter/instalando_componentes.png)
* Depois de instalado tudo ele chega nessa tela inicial
![image](resources/images/installation/flutter/pagina_inicial.png)
### Instalando o Flutter pelo GIT
* Podemos baixar a versão mais estável utilizando o seguinte comando no console
```shell
$ git clone https://github.com/flutter/flutter.git -b stable
```
* com isso, iremos pegar a versão mais recente do Flutter, se não é isso o desejado, pode ser baixado uma versão específica pelo [**Site Oficial**](https://docs.flutter.dev/get-started/install/linux)
* coloque o aplicativo do flutter em uma pasta específica, como o [**~/**]()
![image](resources/images/installation/flutter/install_linux_flutter.png)
* Atualize o Path com o caminho até o diretório do Flutter, colocando no final do arquivo [**~/.bashrc**]()
```shell
$ export PATH="$PATH:~/flutter/bin"
```
* pelo VIM
![image](resources/images/installation/flutter/adicionando_export.png)
* Rode o comando **source** para atualizar o status do arquivo
```shell
$ source ~/.bashrc
```
* Para verificar se o path foi atualizado, use o comando echo, vai estar no fim do texto
```shell
$ echo $PATH
```
* Coloque o comando [**flutter**]() no console, se aparecer informações
* Ele vai baixar o Dart e outras dependencias iniciais
![image](resources/images/installation/flutter/install_dart_linux.png)
* Após baixado as coisas, ele vai mostrar o seguinte quadro
![image](resources/images/installation/flutter/install_linux_flutter.png)
* Vá até o local onde o Flutter foi instalado e rode o seguinte comando no diretório do Flutter
```shell
$ flutter doctor
```
![image](resources/images/installation/flutter/flutter_doctor_linux.png)
Clone repository
  • Instalação
  • README
  • Retro
  • Utilizando a wiki
    • adicionando imagens
    • escrevendo em markdown
    • git
    • wiki no editor de texto
  • arquitetura
  • backend
    • backend_home
    • datagrip_instalacao
    • intellij_instalacao
    • java_instalacao
    • maven_instalacao
    • postman_instalacao
    • postman_utilizacao
View All Pages