Contenido del curso
Instalando Flutter en Android Studio y Visual Studio Code
La instalación de Flutter es muy sencilla y se comportará ligeramente imparcial en todos los Sistemas Operativos. Tenemos dos opciones en entornos de desarrollo.
Android Studio y Visual Studio Code
SDK Flutter
Antes que todo necesitarás descargar el SDK de Flutter, este es el kit de librerías y herramientas que necesitas para desarrollar.
Descárgalo haciendo click aquí https://flutter.io/docs/get-started/install y posteriormente elige tu Sistema Operativo.
Estarás descargando un archivo flutter_xxx_v1xxx.zip descomprímelo y déjalo disponible en tu carpeta home o en un lugar de tu computadora que no sea vulnerable a ser borrado.
Android Studio
Una vez tengas instalado Android Studio, puedes descargarlo de aquí https://developer.android.com/studio/?hl=es-419 , instalaremos el Plugin de Flutter, para esto ve al IDE en la opción de Preferences > Plugins en Mac o en Windows/Linux File > Settings > Plugins.
En la ventana que se abre da click en la parte inferior en el botón Browse repositories. Se sobrepondrá otra nueva ventana ahí escribe Flutter, da click en Install.
A continuación te solicitará instalar el Plugin de Dart da click en Yes.
Reinicia el IDE Android Studio y todo listo.
Visual Studio Code
Una vez hayas descargado Visual Studio Code https://code.visualstudio.com/download procederemos a instalar el Plugin de Flutter y Dart.
Abre el Editor y dirígete al menú View > Command Palette teclea la palabra install y selecciona: Extensions: Install Extension
Ahora escribe Flutter y da click en install.
Reinicia el Editor realiza los pasos anteriores y escribe Dart. Instálao, reinicia y listo.
Desarrollo para iOS
Recuerda que si tienes una computadora Mac puedes compilar el código a la versión de iOS. Para ello es importante que previamente tengas instalado y configurado XCode. Puedes mirar la clase aquí: https://platzi.com/clases/1428-interfaces-ios/15482-instalacion-de-xcode-desde-0/
Usuario anónimo
User
Néstor Acevedo Romero
EstudianteUsuario anónimo
User
Cristian Tala Sánchez
Company_admin
Mauricio Chávez Olea
Estudiante
Belén Prats
Estudiante
Jonathan Romero Hernandez
Estudiante
Paul RB
Estudiante
Arturo Flores
Estudiante
Israel Acetori
Estudiante
Juan Luis Sánchez Cardoza
Estudiante
Santiago Moreno Hoyos
Estudiante
Gabriel Vladimir Valdivieso Vanegas
Estudiante
Joshua Raúl Váley Porras
Estudiante
Marco Alexander Mateo Mateo
Estudiante
ISC Angel Florentino Vargas Pool
Estudiante
David Gonzalez
Estudiante
Pedro Alejandro Rodríguez García
Estudiante
Platzi Team
Estudiante
Jose Ismalej Guzmán
Estudiante
JUAN SEBASTIAN RODRIGUEZ JIMENEZ
Estudiante
Jordan Salazar
Estudiante
Carlos Hermosillo
Estudiante
Mauricio Perez Morales
Estudiante
DIDIER JANINTON CUETIA TOMBE
Estudiante
Luiggi Thomas Mendoza Jarahuanco
Estudiante
Jonny Raul Pacheco Moreno
Estudiante
El Fer
Estudiante
Karen Paola Torres Archbold
Estudiante
Yennifer Paola Herrera Ariza
Estudiante
Christian Rondón
Estudiante
Ernán Alexander Velásquez Ramírez
Estudiante
Félix Alejandro Zelaya Orellana
Estudiante
James Kristof Ubiarco Rodriguez
EstudianteCapital Intelectual
Estudiante
Khana Chavez
Estudiante
Oscar Carrillo González
Estudiante
Adrian Bautista Orozco
EstudianteDavid Tortosa Codoñer
Estudiante
Edgar Mauricio Beltran Santos
Estudiante🐱💻 Una alternativa a Visual Studio Code es IntelliJ IDEA, este es similar a Android Studio pero no necesita muchos recursos de nuestro computador.
Android Studio es desarrollado por IntelliJ, y los requerimientos son, básicamente los mismos, con un uso de moderado a elevado de RAM. Básicamente, Android Studio es IntelliJ IDEA pero con los plugins para desarrollo en Android. Yo recomiendo, sinceramente, Visual Studio Code ya que su consumo en memoria es muchísimo menor
Igual si hablamos de recursos van casi similares, si en verdad no quieres gastar recursos mejor usa VIM o NEOVIM que son excelentes alternativas a VSCode
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.
cristian@PagoFacil00:~$ 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.
¡Increíble! Muchas gracias 😄
Tu respuesta me sirvió muchisimo, gracias!
Para macOS yo me evite (casi) todo el proceso de descargar, instalar y demás con brew, seguí los siguientes pasos:
brew cask install flutterbrew cask install android-studioflutter doctor --android-licenses para aceptar las licencias (iba ejecutando flutter doctorpara ver el checklist de las cosas que me faltaban)sudo gem install cocoapodsFlutter y Dartflutter doctor para revisar que todos estuviera correctoEspero le sirva a alguien estos pasos.
PD: No se si el orden que seguí fue el correcto
Muchas gracias por tu aporte, me ayudó a instalar sin problemas
Me has salvado la vida con este Tip. Enormes gracias.
Para los más novatos ( me incluyo ) les recomiendo este video https://www.youtube.com/watch?v=ed5ul2ZXZL4
GRACIAS! AHORA YA LO TENGO TODO OK!
Gracias por tu aporte! Me sirvió muchísimo este video!
Muy pobre la guía de Instalación, tuve que ir a youtube a ver como se instalaba.
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)
¡Muchas gracias! 😄
Para el problema de los dispositivos, tuve que instalar los drivers adb, y luego cambiar configuraciones en los dispositvos de windows... Uf, creo que esto podria ser una mejor solucion.
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
muchas gracias!
[X] Android toolchain - develop for Android devices X ANDROID_HOME = C:\ProgramData\Android\SDK but Android SDK not found at this location.
Hola, es que le he dado vueltas, pero no encuentra el SDK y ya ingrese por variables del sistema y lo organiza la localización. Pero, cuando vuelvo a colocar el flutter doctor. me sigue saliendo esa variable.
En el CMD Sale esto.
C:\Users\ASUS>flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, 3.3.9, on Microsoft Windows [Versi¢n 10.0.19044.2251], locale es-ES) [X] Android toolchain - develop for Android devices X ANDROID_HOME = C:\ProgramData\Android\SDK but Android SDK not found at this location. [√] Chrome - develop for the web [!] Visual Studio - develop for Windows (Visual Studio Community 2022 17.4.2) X Visual Studio is missing necessary components. Please re-run the Visual Studio installer for the "Desktop development with C++" workload, and include these components: MSVC v142 - VS 2019 C++ x64/x86 build tools - If there are multiple build tool versions available, install the latest C++ CMake tools for Windows Windows 10 SDK [√] Android Studio (version 2021.3) [√]VS Code (version 1.74.0) [√] Connected device (3 available) [√] HTTP Host Availability
Pero no me deja tener cuando trabajo desde visual studio code, tener el emulador de android studio.
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.
Nice, gracias por el aporte !!!
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
Muchas gracia por tu aporte, 100% útil
El video de youtube soluciona todo en 10 minutos, siganlo y listo, se ahorraran horas de prueba y error
tuve que buscar vídeos en youtube para poder instalar en mi mac os
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:
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 estoy tratando de instalar flutter, me aparecio ese problema tambien y segui las las posibles solucione y ahora me sale este error:
Error occurred during initialization of boot layer java.lang.module.FindException: Module java.se.ee not found
Excelente, funciona con java 9
++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. *
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.
Creo que deberían hacer un video del proceso de instalación
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é!!
Yo también lo hice en Linux y fue un desastre, lo bueno es que al final lo logramos.
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.
tengo el mismo problema al momento intente reinstalando android y utilizando otra carpeta para el SDK y no funciona
lo solucionaste ???
alguien ha intentado usar o instalarlo en wsl2?
Hola, aunque tengo instalados los plugin de Flutter y Dart en Android Studio, y la extensión de flutter en VS Code, me da los siguientes fallos:
C:\Users\dtc4>flutter doctor -v [√] Flutter (Channel stable, 1.22.6, on Microsoft Windows [Versión 10.0.19042.867], locale es-ES) • Flutter version 1.22.6 at C:\flutter_windows_1.22.6-stable\flutter • Framework revision 9b2d32b605 (9 weeks ago), 2021-01-22 14:36:39 -0800 • Engine revision 2f0af37152 • Dart version 2.10.5
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3) • Android SDK at C:\Users\dtc4\AppData\Local\Android\sdk • Platform android-30, build-tools 30.0.3 • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01) • All Android licenses accepted.
[!] Android Studio (version 4.1.0) • Android Studio at C:\Program Files\Android\Android Studio X Flutter plugin not installed; this adds Flutter specific functionality. X Dart plugin not installed; this adds Dart specific functionality. • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
[!] VS Code (version 1.54.3) • VS Code at C:\Users\dtc4\AppData\Local\Programs\Microsoft VS Code X Flutter extension not installed; install from https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device ! No devices available
! Doctor found issues in 3 categories.
Al instalar Android Studio no lo hice en custom, y tenia el SDK en users/miusuario/appdata/android. Copie el archivo y lo puse en users/miusuario/.android , que es la carpeta que tenia de android y luego cree la nueva carpeta en el editor de variables y eso, pero nada de nada.
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