Flutter Instalación

Sumario

1 Software necesario
2 Android Studio
3 Flutter SDK
4 Plugin Flutter-Dart
5 Actualización de Flutter

Software necesario

El software mínimo para poder desarrollar aplicaciones en FLUTTER sería:

Android SDK
Flutter SDK (ya incluye DART)
Algún IDE con la posibilidad de instalar el plugin Flutter/Dart (como VSCode, Eclipse, Android Studio,...)
Algún emulador para probar las aplicaciones (como Genymotion,Android Studio,...)

Flutter puede instalarse en cualquier S.O.

Imagen obtenida de este enlace

Podéis elegir el S.O. sobre el cual vais a realizar la instalación en este enlace:https://flutter.dev/docs/get-started/install

Este curso va a emplearse Windows 10 y como IDE el Android Studio, pero se puede emplear cualqueira de los disponibles, como el VS Code siguiendo las instrucciones del enlace anterior. De todas formas, si hacéis uso de otro IDE necesitáis descargar igual el Android Studio para poder ejecutar las aplicaciones Android en emuladores.

Indicar que DART no es necesario instalarlo separadamente ya que viene dentro del FLUTTER SDK.

Si lo tuvierais instalado previamente, debéis comprobar que sea compatible con la versión de FLUTTER descargada. En caso de que no lo sea, debéis poner en el PATH primero la ruta al bin de DART en FLUTTER y después la ruta a vuestro DART (viene explicado a continuación como cambiar la variable de entorno PATH).

Lo que se va a instalar:

Android Studio

Android SDK
IDE (entorno de desarrollo)
Emuladores

Flutter

Flutter SDK
Dart SDK

Android Studio

Imagen obtenido de este sitio

No tenéis más que descargar el Android Studio e instalarlo con las opciones por defecto.

Podéis seguir el proceso de instalación de forma detallada en este enlace (lenguaje Gallego).

Ejecuta el Android Studio una vez instalado.

Al hacerlo ejecutará un asistente con el que se descargará:

Android SDK
Android SDK Command-line Tools
Android SDK Build-Tools

Flutter SDK

Como comenté anteriormente, dentro del SDK de Flutter también se descarga el Dart SDK.

Instalación Flutter SDK
Descargamos la versión estable más reciente desde este enlace: https://flutter.dev/docs/development/tools/sdk/releases
Una vez descargado descomprimimos el archivo en cualquier directorio que no requiera privilegios elevados (como C:\Program files), es decir, que Windows pida permisos para descomprimirlo en el directorio. Yo aconsejo descomprimirlo en 'C:\aplicaciones\flutter' por ejemplo, o si el ordenador va a estar compartido por diferentes usuarios y no se quiere que el resto de usuarios tenga acceso a flutter, se podría instalar en C:\users\usuario_windows\flutter (por ejemplo).
Ahora necesitamos cambiar la variable de entorno PATH. Podemos hacelro a nivel de sistema (para todos los usuarios) o a nivel de usuario (sólo se aplica al usuario actual). Podéis consultar en este enlace cómo cambiar dicha variable. En mi caso, he descomprimido el SDK en un directorio creado previamente por mí, en C:\Aplicaciones y he cambiado la variable PATH a nivel de sistema. Tenemos que añadir la ruta: C:\directorio descomprimido SDK\flutter\bin.
Una vez hecho esto debemos de cerrar la consola MS-DOS si la tenemos abierta y volver a abrirla. Para ello tecleamos CMD en la caja de búsqueda de windows 10.
Ya en la consola, ejecutamos la orde flutter doctor. Al hacerlo chequeará si todo el software necesario está descargado. Si no fuera el caso, aparecerán en la parte baja los problemas (issues) encontrados y como solucionarlos.
Si al instalar el Android Studio cambiasteis la ruta de instalación del SDK, flutter no lo encontrará y tendréis que indicárselo con la orden: flutter config --android-sdk ruta_SDK. Por ejemplo, en clase, el SDK está instalado en la ruta C:\SDK para que no se instale por cada uno de los alumnos que hagan uso de los ordenadores. Por lo tanto, tendría que indicarlo: flutter config --android-sdk C:\SDK. Si aparece cualquier otro error, flutter suele mostrar la sentencia a ejecutar para arreglarlo.

Errores de Flutter Doctor

java not found: JDK de Java no instalado: https://www.oracle.com/es/java/technologies/javase-downloads.html
cmdline-tools component is missing: Iniciar el Android Studio, acceder al SDK Manager y en la pestaña SDK Tools marcar la opción Android SDK Command Line.
Android license status unknown: Ejecutar desde consola => flutter doctor --android-licenses

Plugin Flutter-Dart

Una vez instalado el Android Studio, debemos de instalar el plugin que nos va a permitir desarrollar aplicaciones Flutter dentro de este IDE (y también el plugin Dart).

Podéis consultar en este enlace como hacerlo en los diferentes S.O.

Instalación plugin Flutter-Dart
Iniciamos Android Studio y presionamos en la parte baja la opción Configure. Si tenéis un proyecto abierto podéis acceder a través del menú superior: File > Settings > Plugins
En el desplegable escogemos la opción Plugins.
En los primeros puestos debería estar el plugin FLUTTER. En caso de que no aparezca podréis buscarlo en la caja de texto superior.
Presionamos una vez Aceptar y aparecerá una ventana en la que se nos informa que se va a instalar el plugin DART. Aceptaremos nuevamente.
Será necesario reiniciar el IDE.
Cuando empecemos a programar veremos que el código 'base' de cada pantalla y ciertas funciones, va a ser el mismo. Para no tener que teclearlo todo, podemos hacer uso de los snippets (trozos de código que se añaden a nuestro programa). Instalamos algún plugin que nos permite emplearlos, como el que se encuentra en la imagen. Será necesario reiniciar o IDE una vez instalado. Podéis consultar en este enlace lo que tenéis que teclear para que aparezca el snippet.

Actualización de Flutter

Flutter está en constante desarrollo.

Cada poco tiempo actualizan la versión incorporando nuevas funcionalidades.

Para actualizar la versión debemos de ejecutar la orden flutter upgrade desde la consola o terminal estando situados en el directorio raíz del proyecto.

Actualización Flutter en Android Studio
Pulsamos en la pestaña terminal en la parte inferior y escribimos la orden flutter upgrade. Se nos informará que versión de flutter se va a instalar.
Una vez descargada debemos de instalar los paquetes con la orden flutter pub get la cual podemos escribirla en la consola o pulsar directamente en la opción que aparece en la parte superior que pone 'Get dependencies'.