loading...
Cover image for Ambiente Mobile sem Android Studio

Ambiente Mobile sem Android Studio

pedrohti profile image PedroHMoraes Updated on ・4 min read

Apesar do mobile estar em alta, demorei para procurar sobre esse mundo. Tenho uma pequena base de React Native mas só agora resolvi estudar Flutter e conhecer essa nova plataforma que tem a "mãozinha" da Google envolvida.
Mas logo de cara me deparei com um sério problema, preparar o ambiente SEM o Android Studio.

E pensando nisso criei esse post com os passos que segui para conseguir fazer funcionar o ambiente mobile sem o Android Studio e receber os checks✔️ do flutter doctor.

OBS:* Nada contra ao Android Studio, acredito que ele seja uma ótima ferramenta, mas prefiro algo mais leve e "moldável", digamos.

Índice

  1. Ambiente Android
  2. Flutter
  3. Variáveis de Ambiente
    1. Android
    2. Path
  4. Android SDK
  5. Licenças do Android
  6. Configurar SDK no Flutter
  7. Emulador
  8. VSCode
  9. Hora da Verdade
  10. Resultado
  11. Fim

Vamos lá!

1º Passo - Ambiente Android

Baixe o pacote com o SDK e o OpenJDK
https://drive.google.com/file/d/1Ew_TVBn1IX_yGgszbx3j2hjGVQjg6oDs/view

Crie a pasta Android na raiz da unidade que queira instalar o ambiente e dentro dela as pastas do OpenJDK e SDK

F:\Android\openjdk
F:\Android\sdk

Extraia o pacote nas suas respectivas pastas.

2º Passo - Flutter

Instale o flutter de acordo com o seu sistema operacional
https://flutter.dev/docs/get-started/install

No meu caso estou utilizando Windows

Criei a pasta Flutter e extraia os arquivos baixados nesta pasta.

F:\Flutter

3º Passo - Variáveis de Ambiente

Defina as variáveis de ambiente e o path do windows apontando para a pasta do Flutter e do Android

Iniciar > Sistema > Alterar Configurações > Avançado > Variáveis de Ambiente

ou

Tecla do Windows + PauseBreak > Alterar Configurações > Avançado > Variáveis de Ambiente

Eu defini todas as minhas variáveis na parte de baixo, ou seja, são Variáveis de Sistema e não só do Usuário, mas fique a seu critério.

Clique em "novo" e defina:

Android

ANDROID_HOME=F:\Android\
ANDROID_SDK_ROOT=F:\Android\sdk

Path

Só clicar em Novo e adicionar as linhas separadamente

F:\Flutter\bin
F:\Android\sdk
F:\Android\sdk\bin
F:\Android\sdk\tools\bin
F:\Android\sdk\emulator

4º Passo - Android SDK

Baixe o que falta do SDK (system images, platform tools, build tools, platforms e o emulator) através dos comandos abaixo:

sdkmanager system-images;android-28;google_apis;x86_64
sdkmanager platform-tools
sdkmanager build-tools;28.0.3
sdkmanager platforms;android-28
sdkmanager emulator

No dia desta postagem a versão mais recente era 30. Mas acredito que o suporte da versão 28 seja mais ampla.

5º Passo - Licenças Android

Aceite as lincenças do Android

sdkmanager.bat --licenses

digite y e aperte enter para cada licença

6º Passo - Configurar SDK no Flutter

Faça com que o Flutter enxergue o Android SDK

flutter config — -android-sdk F:\Android\

7º Passo - Emulador

Crie o emulador com o nome que deseja, basta substituir o nexus

avdmanager -s create avd -n nexus -k system-images;android-28;google_apis;x86_64

Se preferir, pode criar baseado em um dispositivo real. Eu gosto do Pixel XL, pois quando utilizei com React Native funcionou numa boa (e está melhor)

Pixel XL

avdmanager -s create avd -n PixelXL -k system-images;android-28;google_apis;x86_64 -d 19

Execute o dispositivo emulado

emulator.exe -avd PixelXl

ou

flutter emulators --launch PixelXl

A princípio, a diferença entre esses dois comandos é que pelo flutter você não precisa ficar "preso" a um cmd aberto.

Para ver os emuladores criados utilize:

avdmanager list avd

Para ver a lista de dispositivos disponiveis utilize:

avdmanager list device

Caso queira deletar um emulador criado utilize:

avdmanager delete avd -n PixelXl

8º Passo - VSCode

Instale a extensão do Flutter no seu VSC

https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

9º Passo - Hora da Verdade

Rode o doctor e veja se está tudo correto

flutter doctor

ou

flutter doctor -v

Done

Resultado

Fim

Ficou um pouco extenso, mas é exatamente com estes passos que consegui instalar e emular de maneira mais promissora após muito tempo tentando e sempre ter algum problema. Agora está tudo certo!
Não sou nenhum expert e nem sou um desenvolvedor mobile, mas espero que tenha ajudado de alguma forma.

Até logo! 👋

Discussion

pic
Editor guide