Como instalar Flutter en Windows en macOS

by Date: 11-12-2020

Que es Flutter?

Flutter es un framework de código abierto desarrollado por Google para crear aplicaciones nativas de forma fácil, rápida y sencilla. Su principal ventaja radica en que genera código 100% nativo para cada plataforma, con lo que el rendimiento y la UX es totalmente idéntico a las aplicaciones nativas tradicionales.

Con que tecnologias esta hecho Flutter

Flutter está construido con C, C++, Dart y Skia (un motor de renderizado 2D).

Por que usar Flutter?

  • Desarrolla para iOS y android desde una misma base de codigo
  • Hacer más con menos código, incluso en un solo sistema operativo, con un lenguaje moderno y expresivo y un enfoque declarativo
  • Experimenta cambiando el código y recargando a medida que tu aplicación se ejecuta (con recarga en caliente).
  • Benefíciese de un rico conjunto de widgets de Material Design y Cupertino (iOS-flavor) construidos utilizando el propio marco de Flutter.
  • Realiza diseños personalizados, hermosos, de marca, sin las limitaciones de los conjuntos de widgets OEM

Descarga y instala el SDK de Flutter

El primer paso es el entorno de desarrollo de Flutter. El SDK está disponible para las siguientes plataformas:

  • Windows
  • macOS
  • Linux

El procedimiento de instalación depende del sistema operativo en la que estés trabajando. De todos modos en este tutorial os enseñaremos a hacerlo en Windows y en macOS

Como instalar flutter en Windows?

1

Requisitos Minimos:

  • Sistema operativo: Windows 7 en adelante [64-bit]
  • Espacio Disco: 400MB
  • Git para Windows

Instalación de Flutter

  1. Para Instalar el SDK de Flutter en Windows Necesitareis Descargar el SDK
  2. Extrae el archivo .zip en el disco C. Quedará así
    C:flutter 
    
    .
  3. Presiona la tecla Windows + R y escribe sysdm.cpl
  4. Ve a Opciones avanzadas y selecciona editar las variables de entorno del sistema
  5. Da click en Variables de entorno.
  6. En Variables del sistema selecciona la variable Path y luego click en Editar.
  7. En Variables del sistema selecciona la variable Path y luego click en Editar.
  8. Da click en Nueva y pega la ruta de la carpeta bin de Flutter: C:flutterbin
  9. Ahora da click en Aceptar en las 3 ventanas para guardar cambios.

Ejecuta Flutter Doctor

Desde una ventana de la consola que tiene el directorio Flutter en la ruta (ver arriba), ejecute el siguiente comando para ver si hay alguna dependencia de la plataforma que necesite para completar la configuración:

C:flutter>flutter doctor 

Este comando comprueba su entorno y muestra un informe del estado de su instalación de Flutter. Revise la salida cuidadosamente para ver si hay otro software que pueda necesitar instalar o más tareas que realizar (se muestra en negrita).

Instalar Android Studio

  1. Descarga y instala Android Studio
  2. Ejecuta Android Studio, y pase por el "Asistente de configuración de Android Studio". Est instala el último SDK de Android, las herramientas de plataforma y las herramientas de construcción del SDK de Android, que son requeridas por Flutter cuando se desarrolla para Android.

Prepara tu dispositivo Android

Para ejecutar y probar la aplicaciónes con Flutter en un dispositivo Android, necesitareis un dispositivo Android que ejecute como minimo Android 4.1 (API nivel 16) o superior.

  1. Habilita las opciones de desarrollo y la depuración de USB en tu dispositivo. Las instrucciones detalladas están disponibles en la documentación de Android.
  2. (Sólo en Windows): Instalar el controlador USB de Google
  3. Con un cable USB o USB-Tipo-C dependiendo de vuestro movil, conecta el movil al ordenador. Si el dispositivo lo solicita, autorice a la computadora a acceder a él.
  4. En la terminal, ejecute el comando
    flutter devices 
    
    para verificar que Flutter reconoce su dispositivo Android conectado.

Por defecto, Flutter utiliza la versión del SDK de Android en la que se basa su herramienta adb. Si desea que Flutter utilice una instalación diferente del SDK de Android, debe establecer la variable de entorno ANDROID_HOME en ese directorio de instalación.

Instalar los plugins de Flutter y Dart en Android Studio

  1. Ejecuta Android Studio
  2. haz click en plugin preferences (File > Settings > Plugins)
  3. Selecciona Browse repositories, y selecciona el plugin Flutter y click en Instalar.
  4. Haz click en Yes para instalar el plugin de Flutter
  5. Haz click en Yes para instalar el plugin de Dart

Como Instalar en Flutter en macOS?

  • Sistema operativo: macOS [64-bit]
  • Espacio Disco: 400MB
  • Git para macOS

Descargue el último Flutter SDK aquí:

Extraer el archivo en el lugar deseado, por ejemplo.

$ unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip 

$ cd ~/development

Añade Flutter a tu path. Para ello, abris una terminal (puede que necesites sudo)

$ sudo vim ~/.bash_profile 

Añade tu ruta de flutter a la variable $PATH de tu archivo bash_profile.

Por ejemplo, si hais extraido flutter en la carpeta de aplicaciones, tu ruta será /Applications/flutter/bin . Añádelo a la variable $PATH existente usando: entre dos rutas. Una vez agregado, guarde y cierre el bash_profile . Ejecuta la terminal de nuevo y comprueba el $PATH ejecutando

$ echo $PATH 

Ejecuta Flutter Doctor

Este comando comprueba su entorno y muestra un informe del estado de su instalación de Flutter. Revise la salida cuidadosamente para ver si hay otro software que pueda necesitar instalar o más tareas que realizar (se muestra en negrita).

Instalar Android Studio macOS

  1. Descarga y instala Android Studio
  2. Inicia Android Studio, y pase por el "Asistente de configuración de Android Studio". Este instala el último SDK de Android, las herramientas de plataforma y las herramientas del SDK de Android, que son requeridas por Flutter cuando se desarrolla para Android.

Instalar los plugins de Flutter y Dart en Android Studio

  1. Ejecuta Android Studio
  2. ve a (File > Settings > Plugins)
  3. Selecciona browse repositories, selecciona el plugin Flutter y haz clic en Instalar.
  4. Haz clic en Yes cuando te pida que instales el plugin de Dart.
  5. Haz clic en Yes cuando te pida que instales el plugin de Flutter.

Conclusiones

Flutter tiene muchas más ventajas para los negocios y para los equipos de desarrollo que riesgos. Es una gran oportunidad para crear aplicaciones móviles hermosas, de alto rendimiento y sobresalientes que se ajusten a sus necesidades y requisitos personalizados. Vale la pena considerar Flutter, especialmente si quieres una aplicación para iOS y Android.

 
by Date: 11-12-2020 visitas : 2803