Skip to content

GitLab

configuracao · Changes

Page history
Update configuracao authored by Vinicius Parmeggiani Vianna's avatar Vinicius Parmeggiani Vianna
Hide whitespace changes
Inline Side-by-side
configuracao.md
View page @ e5e0fdbe
...@@ -10,19 +10,17 @@ Nesse tópico contém um tutorial para instalar o flutter e configurar o Android ...@@ -10,19 +10,17 @@ Nesse tópico contém um tutorial para instalar o flutter e configurar o Android
### 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:
<img src="../Images/indice.jpg">
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. 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.
* Instalação no Windows * Instalação no Windows
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: 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:
<img src="../Images/envVar.png">
"image"
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: 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:
<img src="../Images/envVar2.png">
"image"
* Instalação no Mac ou Linux * Instalação no Mac ou Linux
...@@ -41,46 +39,43 @@ which flutter ...@@ -41,46 +39,43 @@ which flutter
* Verificar Versão do 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: 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:
<img src="../Images/CMD.JPG">
"image"
### Instalação e configuração do Android studio ### 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. 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: 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:
<img src="../Images/android.png">
"image"
3. Já na tela de settings vá até a aba de plugins e pesquise por flutter e instale a opção a seguir: 3. Já na tela de settings vá até a aba de plugins e pesquise por flutter e instale a opção a seguir:
<img src="../Images/androidFlutter.png">
"image"
Ao final da instalação do plugin o android studio estará pronto para ser utilizado. Ao final da instalação do plugin o android studio estará pronto para ser utilizado.
### Instalação do Emulador do Android Studio ### Instalação do Emulador do Android Studio
1. No android studio, clique no menu "Tools > AVD Manager": 1. No android studio, clique no menu "Tools > AVD Manager":
<img src="../Images/android2.png">
image
2. Uma janela com a lista de emuladores irá abrir. Clique em "Create new virtual device" 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: 3. Selecione o dispositivo que deseja emular (exemplo Nexus 6) e clique em next:
image <img src="../Images/celular.png">
4. Selecione o sistema operacional do dispositivo (exemplo API 27 android 8.1) e clique em next: image 4. Selecione o sistema operacional do dispositivo (exemplo API 27 android 8.1) e clique em next:
<img src="../Images/os.png">
* 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. * 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 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 <img src="../Images/emul.png">
6. Clique em finish, o dispositivo deve estar listado na tela inicial do AVD 6. Clique em finish, o dispositivo deve estar listado na tela inicial do AVD
image <img src="../Images/avd.png">
7. Clique no botão de play para iniciar o emulador! 7. Clique no botão de play para iniciar o emulador!
image <img src="../Images/aa.png">
8. Agora basta clicar em run e o programa irá executar no emulador: 8. Agora basta clicar em run e o programa irá executar no emulador:
image <img src="../Images/exec.png">
\ No newline at end of file \ No newline at end of file