Página Inicial

Como configurar o ambiente de desenvolvimento no windows corretamente [FRONT]

Nesse tópico contém um tutorial para instalar o flutter e configurar o android studio corretamente para que seja possível trabalhar no front-end 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:

  1. Vá até o link https://flutter.dev/docs/get-started/install/windows e faça download do zip contendo o sdk do flutter clicando no seguinte botão:
  2. Após realizar o donwload do arquivo, o extraia para o seu disco C, em um diretorio livre de restrições de acesso (indico criar um diretorio src no disco C e extrair os arquivos nele).
  3. Agora iremos realizar a configuração da variavel de ambiente, para isso vá ate as propriedades do sistema, aba avançado e clique em variaveis de ambiente conforme a imagem a seguir:
  4. Localize a variavel 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 extraido, como mostra a imagem a seguir:
  5. De o ok e salve as alterações. 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:

• Instalação e configuração do android studio:

  1. Vá até o link: https://developer.android.com/studio e faça o download e instalação padrão do android studio.
  2. Após o fim da instalção abra o android studio e em sua tela inicial clique em configure e selecione settings conforme a imagem 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:

Ao final da instalação do plugin o android studio estará pronto para ser utilizado.

• Instalação do emulador Android

1. No android studio, clique no menu "Tools > AVD Manager":

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:

4. Selecione o sistema operacional do dispositivo (exemplo API 27 android 8.1) e clique em next:

• 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

6. Clique em finish, o dispositivo deve estar listado na tela inicial do AVD

7. Clique no botão de play para iniciar o emulador!

8. Agora basta clicar em run e o programa irá executar no emulador: