Instalando Flutter en Android Studio y Visual Studio Code

🐱‍💻 Una alternativa a Visual Studio Code es IntelliJ IDEA, este es similar a Android Studio pero no necesita muchos recursos de nuestro computador.

Para los que están usando linux, Ubuntu o una distribución basada en debían, recomiendo agregar la librería de manera global.

tar xvf flutter_linux_v1.0.0-stable.tar.xz
sudo mv flutter /opt/
cd /usr/bin/
sudo ln -s /opt/flutter/bin/flutter

Si todo salió de manera correcta podemos corroborar con flutter doctor.

[email protected]:~$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.0.0, on Linux, locale en_US.UTF-8)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
      You may also want to add it to your PATH environment variable.

[!] Android Studio (not installed)
[!] VS Code (version 1.29.1)
[!] Connected device
    ! No devices available

! Doctor found issues in 4 categories.

En mi caso me falta instalar Android Studio.

Para macOS yo me evite (casi) todo el proceso de descargar, instalar y demás con brew, seguí los siguientes pasos:

1. brew cask install flutter
2. brew cask install android-studio
3. Abrí android studio para que se instalara el SDK y demás dependencias
4. En terminal ejecute flutter doctor --android-licenses para aceptar las licencias (iba ejecutando flutter doctorpara ver el checklist de las cosas que me faltaban)
5. Desde la app store descargué Xcode (se tardó una eternidad 😦 ), ejecuté, acepte licencia, y se instalaron dependencias
6. Instale cocoapods desde la terminal con sudo gem install cocoapods
7. Desde Android Studio descargue los plugins de Flutter y Dart
8. Ejecute el comando flutter doctor para revisar que todos estuviera correcto

Espero le sirva a alguien estos pasos.

PD: No se si el orden que seguí fue el correcto

Para aquellos que tengan problema con la localizacion del sdk de android y no les reconozca los dispositivos a la hora de querer probar sus app

[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      Onfirst launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
      You may also want toadd it to your PATH environment variable.

Como dice el error esto se debe a que el sdk lo tienen en una localización personalizada.

Para corregir el error ingresé el siguiente comando en el flutter_console.bat

flutter config --android-sdk
 <ruta personalizada de su sdk de android>

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.0.0, on Microsoft Windows [Versión 10.0.17763.195], locale es-GT)
[!] Android toolchain - develop for Android devices (Android SDK 28.0.3)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.2)
[!] VS Code (version 1.28.2)
[√] Connected device (1 available)

Luego de correr el comando ya me reconoce mi dispositivo y puedo correr mi app, no se si solo me pasa a mi pero la primera vez que compilo una app tarda mucho… (como 5-8 minutos)

INSTALACION DEL ENTORNO DE DESARROLLO EN MAC

Me encontraba un poco perdido con la instalación de todos los pre requisitos y el entorno de desarrollo en mi mac, encontre este video que me ayudo mucho, todo funcionando ok.

https://www.youtube.com/watch?v=Xy-qHlaHr6c

Tuve problemas al verificar mi instalación de Flutter con Android. No podía aceptar las licencias debido a tener instalado JDK 11. No quería hacer cambios en mi sistema. Aquí mi experiencia.

TL;DR
Instala Android SDK Command-line Tools (latest):

Explicación larga
Cuando ejecutaba flutter doctor --android-licenses para revisar las licencias de Android, obtenía el sgte error:

Exception in thread "main" java.lang.NoClassDefFoundError: javax/xml/bind/annotation/XmlSchema
    at com.android.repository.api.SchemaModule$SchemaModuleVersion.<init>(SchemaModule.java:156)
    at com.android.repository.api.SchemaModule.<init>(SchemaModule.java:75)
    at com.android.sdklib.repository.AndroidSdkHandler.<clinit>(AndroidSdkHandler.java:81)
    at com.android.sdklib.tool.AvdManagerCli.run(AvdManagerCli.java:213)
    at com.android.sdklib.tool.AvdManagerCli.main(AvdManagerCli.java:200)
Caused by: java.lang.ClassNotFoundException: javax.xml.bind.annotation.XmlSchema
    at java.base/jdk.internal.loader.BuiltinClassLoader.loadClass(BuiltinClassLoader.java:582)
    at java.base/jdk.internal.loader.ClassLoaders$AppClassLoader.loadClass(ClassLoaders.java:185)
    at java.base/java.lang.ClassLoader.loadClass(ClassLoader.java:496)
    ... 5 more

La causa del problema es que a partir de Java 9 ya no están los módulos de JAXB dentro de la JDK. Vi varias alternativas, ninguna me gustaba:

• Cambiar mi terminal para usar siempre JDK 8 en lugar de Java 11. Yo quiero seguir usando Java 11 para desarrollo de otras aplicaciones.
• Agregar parámetros de ejecución a mi JDK a nivel global. Esto lo quería evitar porque a veces debo migrar aplicaciones de Java 8 o menos a Java 11 y estos parámetros me complicarían el trabajo.
  Navegando por internet, encontré como mejor solución la explicación en esta respuesta en StackOverflow. Traducida:

Actualización al 2019-10:
Como se establece en el monitor de problemas, Google ha estado trabajando en una nueva salida de Android SDK Command-line Tools que se ejecuta sobre las JVMs actuales (9, 10, 11+) ¡y que no dependa de los módulos depreciados de JAXB EE!
Puedes descargar y usar la nueva versión de Android SDK Command-line Tools dentro de Android Studio o descargarla manualmente desde los servidores de Google

Coloqué una imagen de referencia de dónde pueden instalar las herramientas desde el Android Studio.

Hola comunidad si tienes problemas al instalar Flutter y en <~$ flutter doctor> (comando diagnostico en la terminal) les falta casillas completas esto les puede ayudar:

si tienes mas dudas te dejo el siguiente link
https://www.youtube.com/watch?v=OgxK2yeBXI8

Para los más novatos ( me incluyo ) les recomiendo este video
https://www.youtube.com/watch?v=ed5ul2ZXZL4

Para los que tengan problemas a la hora de empezar con Flutter, aquí les dejo un tutorial para que puedan instalarlo correctamente en Windows:
https://www.youtube.com/watch?v=JVyVJflZOek

Yo uso VIM8 corriendo en WSL2, y corro la app en mi celular a través de ADB tcpip.
Todo fue gracias a tutoriales de internet:
Tutorial completo en STACK OVERFLOW
Tutorial corto original
Cómo instalar Android SDK en Windows 10

Una pesadilla en linux pero lo logré!!

tuve que buscar vídeos en youtube para poder instalar en mi mac os

hola que tal disculpen me podrian ayudar con esto ya intente reinstalar android studio y aun asi no he podido arrgelar mi problema
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.12.13+hotfix.8, on Microsoft Windows [Versión 10.0.18362.657], locale
es-MX)
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
X Android license status unknown.
Try re-installing or updating your Android SDK Manager.
See https://developer.android.com/studio/#downloads or visit
https://flutter.dev/setup/#android-setup for detailed instructions.
[√] Android Studio (version 3.6)
[!] Connected device
! No devices available

! Doctor found issues in 2 categories.

Tuve un error que sin mentir duré en solucionar casi 2 días, donde por alguna extraña razón ejecutaba bien el emulador de android studio pero la consola me mandaba eror a la hora de ejecutar la aplicación base de flutter en el dispositivo virtual.

Para ser mas precisos me salía un error que tenía que ver con el gradle que decía: “BUG! exception in phase ‘semantic analysis’ in source unit ‘BuildScript’ Unsupported class file major version 60”

Fue un dolor de cabeza pero encontré una solución (para mac, aunque desconozco si esto también pasa en windows)

Al parecer es un problema que tiene que ver con la versíon de java, entonces en la terminal hay que poner los siguientes códigos:

cd /Applications/Android\ Studio.app/Contents/jre
ln -s …/jre jdk
ln -s “/Library/Internet Plug-Ins/JavaAppletPlugin.plugin” jdk

Arreglado eso solucioné ese problema, pero para ver el estado de su consola para encontrar mejor las soluciones, muy recomendado poner en la terminal:

flutter doctor -v
y van arreglando las x que tengan en la checklist

Creo que deberían hacer un video del proceso de instalación

Muy pobre la guía de Instalación, tuve que ir a youtube a ver como se instalaba.

En caso de que tengan una Mac con procesador M1 van a notar que los emuladores de Android no les van a funcionar. Para resolverlo pueden descargar este emulador que diseñaron para este tipo de Macs por aquí:
https://github.com/741g/android-emulator-m1-preview/releases/tag/0.1

IntelliJ IDEA esta super para el desarrollo de Apps con Flutter
https://www.jetbrains.com/idea/)

supongo que puedo empezar ,verdad?

Todo perfecto.

PS D:\Flutter> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.0.0, on Microsoft Windows [Versión 10.0.17763.437], locale es-US)
[√] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[√] Android Studio (version 3.3)
[√] VS Code (version 1.33.1)
[√] Connected device (1 available)

• No issues found!```

Recomendación

Para aquellos que tienen Windows y tienen antivirus, añadan la ruta donde descargaron flutter a la lista de excepciones de su antivirus. Les ahorrará enormes dolores de cabeza, se los aseguro.

Paso a paso de la instalación en Windows: https://www.youtube.com/watch?v=xeEp9opvVMM

Después de instalar todo y correr el flutter doctor, me estaba generando un error de licencias de Android.

Al parecer es porque el sdkmanager de Android Studio no trabaja bien con Java 11. Pero en el enlace explican como setear el sdkmanager para que funcione con Java 8 por mas de que en el equipo este Java 11.

https://github.com/flutter/flutter/issues/16025#issuecomment-468009198

Aqui encontre un buen tuto para istalar en ubuntu

Video Youtube

Chicos para los que les sale el error
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
X Android license status unknown.
Try re-installing or updating your Android SDK Manager.

le dejo la solución
https://robbinespu.gitlab.io/blog/2020/03/03/flutter-issue-fixed-android-license-status-unknown-on-windows/

Después de seguir los pasos un bug malvado aparece.
Corrinedo

flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.9, on Linux, locale es_MX.UTF-8)
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    ✗ Android license status unknown.
      Try re-installing or updating your Android SDK Manager.
      See https://developer.android.com/studio/#downloads or visit
      https://flutter.dev/setup/#android-setup for detailed instructions.
[✓] Android Studio (version 3.6)
[✓] VS Code (version 1.44.2)
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

https://github.com/flutter/flutter/issues/16025

Extensiones para visual estudio code.
*
Dart: te ayuda con la sintaxis del lenguaje Dart.
*
Flutter (dart) generator: Te ayuda con los getter y setter
*
Awesome Flutter Snippets: Te ayuda con la sintaxis de escritura de Dart.
*
Flutter Tree: Construye un widget tree basico con buena sintaxis util para principiantes.
*
Flutter Color: Ayuda a que cuando coloquemos un color el nos muestra un cuadrito de la tonalidad que necesitamos como en css.
*
Flutter Print: es una extension de flutter para vs code ayuda a colocar un

print("dfdf");

solo seleccionando la variable y oprimiendo CTRL+SHIFT+L .
*
Complete Flutter Extension Pack: Si te cansaste de ver paquetes para instalar con este basta, tiene muchos paquetes de extensiones que te serán de ayuda con flutter y Dart.
*

solución a cmdline-tools missing ( https://www.youtube.com/watch?v=XHZ1CyIBKD8 )

He visto que algunas personas instalan Android Studio únicamente por el emulador. Una alternativa sería Genymotion

https://flutter.dev/docs/get-started/install/linux

Para los que usan ubuntu

Para los que tengan procesador AMD, en mi caso tengo Ryzen 5, tienen incompatibilidad con la virtualizacion del emulador, para esto entren a esta pagina hyper v

Los que tienen Linux, para que les pueda correr el emulador desde VS Code, tienen que instalar el JDK de JAVA.

sudo apt-get install openjdk-15-jdk

se me quedo pegado aqui 😦 lo dejo nomas o lo vuelvo a instalar?

Hola, les comparto 2 enlaces de videos que me sacaron de apuros para poder instalarlo en Windows.

https://www.youtube.com/watch?v=OiADsqDaUdQ

https://www.bing.com/videos/search?q=Android+sdkmanager+tool&docid=607994591394925014&mid=77665F2DC445BE7610E877665F2DC445BE7610E8&view=detail&FORM=VIRE

Saludos!

Buenos días, me sale este error del SDK al instalar flutter, alguien podría indicarme como solucionarlo, muchas gracias. ![](

Buen dia, actualmente estoy utilizando un equipo Mac, en el cual instale Intelli Idea, instale y configuré Xcode y me funciona todo bien y me corre el ejemplo por default con el simulador de IOS sin ningún problema,

mi problema es que estoy tratando de instalar un dispositivo android y no logro que me aparezca en mi lista de dispositivos. me podrían orientar a poder agregar un dispositivo android? saludos

Todo listo para empezar! 💪🏻

Estoy usando Manjaro, esta basado en Arch Linux y no tuve ningún problema en instalar Android Studio con Flutter y Visual Studio, fue casi como en Windows, supongo si están en Ubuntu o Debian, no debe de haber ningún problema.

VS code

https://flutter.io/docs/development/tools/vs-code

yo usare vs code!! es genial!

instalado!

Perfecto, ya lo instalé en los dos ^^

Listo. Todo configurado, iniciemos.

Listooo

Genial!! Todo listo!!

Excelente explicación…todo quedo muy claro =D

Tengo un problema.
Al momento de darle crear proyecto de Flutter, dura un monton y nunca carga el IDE, pero no esta frizado ni nada por el estilo.

Cuando cierro la ventana que dice creando proyecto y vuelvo abrir el IDE ahi esta el proyecto pero presenta muchas lineas con errores porque no existen librerias etc.

Sin novedades en Linux.

Alguien sabría decirme si Android Studio 3.3 soporta Java SE 11.

pasos sencillos en la instalacion.

Comencemos!

Para los que uséis Mac os puede servir este enlace que explica la instalación https://blog.gauravagarwalr.com/posts/2018-04-11-setting-up-flutter/

¡Suerte!

Instalado y listo!

Gracias

Es un muy buen complemento para el articulo.
https://www.youtube.com/watch?v=Xy-qHlaHr6c
Este segundo video es muy parecido a lo que les puede pasar en la instalación de flutter y todo lo que esto incluye.
https://www.youtube.com/watch?v=hQd7lejGwaE

VSCode muy versátil como siempre ❤️

Alguien sabe que puede ser este error???

C:\dart-sdk\bin\pub.bat get
Resolving dependencies…
Cannot find a Git executable.
Please ensure Git is correctly installed.
Process finished with exit code 1

Flutter+Dart en Android Studio: check!
monos pues!

como observacion para mi fue mejor clonar el repo de flutter desde git para despues configurar el src

proseguimos

Buen día,
Descargue el flutter a un directorio que no se borre y lo descomprimi
Luego instale vscode
Instale el plugin de dart
Instale el plugin de flutter

Y se congela cuando lanzo la aplicación

Launching lib/main.dart on Android SDK built for x86 in debug mode... Built build/app/outputs/apk/debug/app-debug.apk.

vscode es mucho mas comodo ❤️

Muchas gracias.

¡Súper! Por si acaso les dejo un vídeo para agregar flutter en Android Studio

https://www.youtube.com/watch?v=TSIhiZ5jRB0

Es necesario instalar Android studio? pues ya tengo el IDE VSC

Aca un tutorial de como instalar todo lo que pide:
https://www.youtube.com/watch?v=xeEp9opvVMM

Listo!
todo listo para programar!

En mi caaso tuve que ejecutar la linea de comnados de windows como administrador para que flutter doctor funiconara bien

Descargue el sdk de flutter y lo instale en el VS code, pero me tope con la pregunta de como correrlo ? como creas una nueva aplicacion ?

Bien… aquí vamos 😄

En qué momento explican como correr los emuladores? Cómo trabajar con VS Code? No explican nada de eso, se van directamente a corre un pequeño proyecto, y no explican como llegaron hasta allí.

En el Android studio
Descargue el flutter
Lo descomprimi en un directorio que no se borrara
Instale android studio
Instale el plugin de flutter

Lanzo la aplicación
Corre aunque no se ven los botones de hot reload

Queda

syncing files to device android SDK built for x86

¿Qué entorno es más fluido en una computadora de gama media?
¿VSCode o Android Studio?

En mi computadora después de instalar flutter y descomprimirlo y cuando yo quiero abrir el flutter_console.bat un archivo que es un archivo que esta en flutter me sale un error que dice que windows no encuentra el archivo y no lo puede ejecutar alguien ayudeme que sin arreglar este porblema cada vez que trato de crear un nuevo proyecto en android studio me sale un error y me dice que no encuentra flutter_console.bat para poder crear los archivos automaticamente

Holaa! Ayuda por favor al ejecutar el proyecto me aparece este error

<Ups flutter se ha cerrado inesperadamente: "Argumento (s) inválido (s): No se puede encontrar el ejecutable para E: \ Documents \ PROGRAMACION \ Dart \ prueba_00 \ android \ gradlew.bat".
Se ha escrito un informe de bloqueo en E: \ Documents \ PROGRAMACION \ Dart \ prueba_00 \ flutter_01.log.>

Para usuarios Mac && Windows.

Instalar Flutter en Mac y Windows

Cómo instalar Flutter en Mac

![](

AYUDAAAAAA!!
Tengo problemas, ya configure las variables de entorono y pese a eso, no me deja instalar.

Existe manera de iniciar un nuevo proyecto de Flutter sin Android Studio? Solo teniendo el SDK instalado

Yo tengo tremendo problemon, detalles:
Yo estoy usando linux pop os, pop os usa flatpak en vez de snap para instalar ciertos programas. Lo malo es que flutter no me lo reconoce como que lo tengo instalado. Lo desinstale y descargue el archivo de android studio, configure flutter indicandole donde había extraido el android studio, lo reconocio, pero ahora no reconocia los plugins de flutter y dart.
Por el momento solo puedo correr dart si abro el proyecto con android studio, porque cuando trato de hacerlo desde un terminal el flutter doctor no me reconoce los plugins.
psdt: si no le encuentro una buena solucion me tocara usar snap, no quiero, pero me tocara :'v

¿Alguien sabe como resuelvo esto… Plugin “Run Emulator plugin” is incompatible (supported only in IntelliJ IDEA)? Instalé Genymotion pero no sé si sirva para emular.

Por si te sucede, aclaro “macOS Catalina”. Luego de haber instalado todo lo necesario, aún así continuaba alertandome de que faltaban los plugins de Flutter y Dart en Android Studio.

[✓] Android Studio (version 4.1)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.

Y esta fue la solución que encontré. Abrir el Terminal y correr esta linea:

ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1

Target debug_android_application failed: FileSystemException: Cannot copy file to ( aca sale la ruta donde esta mi proyecto)(OS Error: El sistema no puede encontrar la ruta especificada.
, errno = 3)
build failed.

estoy en visual studio code

ME RINDO!!! no puedo seguir con el curso, llevo 5 días intentando resolver este problema y creo que se cual es, resulta que el sdkmanager en Android me desaparece cuando intento acceder a el, pero no se que mas hacer para solucionarlo, he probado con las variables de entorno, con el tools(obsoleto) y todo lo que he visto en Google pero naaaaaa!!!

Por si lees los comentarios antes de instalar, lo que hice fue:

1. Descargar el SDK de flutter y lo puse en C://
2. Después la descarga normal de Android Studio, la instalación normal también (La predeterminada por decirlo así)
   Para configurar el plugin de Flutter (que también requiere otro de “Dart”) hice un proyecto normal de Android en blanco y plano. Esperé que se descargaran todos los requerimientos para ese proyecto para después agregar el plugin de Flutter y todo de maravilla.

Probé incluso cerrar el proyecto de Android Studio que hice para agregar el plugin y volví a abrir Android Studio y ahí estaba la opción de Flutter para iniciar.

1. Para Visual Code no tuve problemas, instalar y buscar el plugin (más no reinicié mi PC para que se configurara el PATH).

Hola [email protected], ya instale flutter, android e instale los plugins en android studio de flutter y dark y tambien en visual studio code sin embargo cuando hago flutter doctor me aparece que el plugin no ha sido instaldo, alguien sabria porque pasa eso?

Adicionalmente, quisiera saber como puedo usar mi celular como emulador, ya que estuve viendo videos y no me reconoce el dispositvo.

1. ya active en mi dispositivo la depuracion USB
2. ya tengo descargado el sdk platforms de mi respectiva version de android que es la 8.0 (API level 26).
3. ya descarge y active en android studio el drive usb de google.
   La verdad no se que mas tocara hacer para que conecte el dispositivo.

Tutorial para los usuarios de Linux: https://www.youtube.com/watch?v=VGs-y_kL_Eg

Aquí hay un tutorial, lo recomiendo mucho:

https://www.youtube.com/watch?v=-g0gYlpTn6M

saludos compañeros alguien me puede colaborar, intento iniciar el proyecto en vscode pero me sale esto ya descarge les extenciones de flutter y dart

[hello_word] flutter create --ios-language swift --android-language kotlin .
No se esperaba \flutter\bin\cache en este momento.
exit code 255