Configuración de Flutter y Dart para Desarrollo de Apps Multiplataforma

Clase 2 de 26 • Curso de Flutter

Clase anteriorSiguiente clase

Resumen

Crear un entorno de desarrollo en Flutter es fundamental para empezar a construir aplicaciones móviles, web y de escritorio desde un único código base. Este proceso implica instalar herramientas clave como Android Studio y Visual Studio Code, configurar el SDK de Flutter y preparar emuladores para pruebas.

¿Qué es Flutter y por qué usarlo?

  • Flutter es un framework de Google que permite crear aplicaciones multiplataforma con un único código base.
  • Funciona con Dart, un lenguaje de programación diseñado para crear aplicaciones de alta calidad.
  • Los widgets son los bloques de construcción esenciales en Flutter, utilizados para diseñar interfaces de usuario.

¿Cómo instalar el SDK de Flutter?

  1. Descarga del SDK:

    • Ve a la documentación oficial de Flutter y descarga el archivo ZIP.
    • Extrae el contenido en una carpeta llamada dev, dentro del directorio de usuario (por ejemplo, C:\Users\tu_usuario\dev).

  2. Configuración de variables de entorno:

    • Busca “Entorno” en el buscador de tu sistema operativo y edita las variables de entorno.
    • En la sección de Path, agrega la ubicación de la carpeta bin dentro del directorio de Flutter.

  3. Comandos iniciales:

    • flutter doctor: verifica la instalación y muestra un checklist con los requisitos pendientes.
    • flutter create: permite crear nuevos proyectos.
    • flutter run: despliega las aplicaciones en el emulador o dispositivo.

¿Cómo instalar y configurar Android Studio?

  1. Descarga e instala Android Studio desde su página oficial.
  2. Durante la instalación:
    • Acepta los términos y condiciones.
    • Configura los emuladores seleccionando dispositivos como Pixel 3.
    • Descarga la versión recomendada del sistema operativo Android.
  3. Instala el plugin de Flutter desde la sección de Plugins en Android Studio.
  4. Crea un nuevo proyecto seleccionando el generador de Flutter y verificando la ruta del SDK.

¿Cómo instalar y configurar Visual Studio Code?

  1. Descarga e instala Visual Studio Code desde su sitio oficial.
  2. Agrega la extensión de Flutter desde el Marketplace de extensiones.
  3. Crea un nuevo proyecto:
    • Usa la barra de comandos (Ctrl+Shift+P) y selecciona Flutter: New Project.
    • Define el nombre y ubicación del proyecto.
  4. Confirma la confianza en los autores de los archivos del proyecto.