Aprender a configurar Flutter y Dart es el primer paso para crear aplicaciones móviles, web y de escritorio con un solo código base. Aquí descubrirás cómo instalar el SDK, los IDE recomendados y el emulador, listo para tu primer proyecto.

Qué es Flutter y cómo se relaciona con Dart

Flutter es una herramienta creada por Google que te permite construir aplicaciones multiplataforma desde una sola base de código. Piensa en Flutter como el lienzo donde vas a crear tu arte, y en Dart como los pinceles y herramientas que hacen posible esa creación [0:14].

El fundamento principal de Flutter son los widgets: bloques de construcción que ensamblas como piezas de Lego para armar cada pantalla, botón o animación de tu app [0:35].

¿Qué es un widget en Flutter? Es el bloque de construcción básico de la interfaz. Todo lo que ves en pantalla, desde un texto hasta una pantalla completa, es un widget.

Cómo instalar el SDK de Flutter en Windows

La instalación arranca con la descarga del SDK de Flutter y dos IDE: Android Studio y Visual Studio Code [0:50]. Tener ambos te da flexibilidad para elegir el entorno con el que te sientas más cómodo.

Para organizar el SDK correctamente, sigue esta ruta indicada en la documentación oficial:

1. Abre tu disco C y entra a la carpeta de tu usuario.
2. Crea una nueva carpeta llamada dev.
3. Extrae el zip de Flutter dentro de esa carpeta dev [1:14].

Una vez ubicado el SDK, debes agregarlo como variable de entorno. Busca "Entorno" en Windows, edita las variables, ve a la sección Path y agrega la ruta de la carpeta bin que está dentro de Flutter [1:32].

Qué hacen los comandos flutter doctor, create y run

Después de configurar el path, tendrás disponibles tres comandos clave que usarás durante todo el curso [1:51]:

• flutter doctor: revisa un checklist con el estado de tu instalación e indica qué falta.
• flutter create: genera un nuevo proyecto de Flutter desde la terminal.
• flutter run: despliega tu aplicación en el emulador o dispositivo.

Al ejecutar flutter doctor desde PowerShell, verás una lista con los componentes que ya tienes y los que faltan. En el ejemplo aparecen dos X: una en Android Toolchain y otra en Visual Studio Code [2:15].

Cómo configurar Android Studio para Flutter

Instala Android Studio aceptando las opciones estándar y permite que descargue los emuladores. Luego, dentro del IDE, ve a la zona de Plugins, busca el plugin de Flutter e instálalo. Reinicia Android Studio para que los cambios tomen efecto [2:50].

¿Por qué necesito el plugin de Flutter en Android Studio? Porque conecta el IDE con el SDK y te permite crear, ejecutar y depurar proyectos Flutter directamente desde la interfaz.

Cómo crear tu primer proyecto Flutter

Con el plugin listo, ve a los generators, selecciona Flutter y apunta a la carpeta dev/flutter donde extrajiste el SDK. Continúa, asigna el nombre del proyecto (en este caso recyclebook) y dale crear [3:25].

Como Flutter está configurado como variable de entorno, aparecerá una alerta de seguridad pidiendo permiso de acceso. Acéptala para que el IDE pueda comunicarse correctamente con el SDK [3:45].

Cómo crear y configurar un emulador en Android Studio

El emulador es donde verás correr tu aplicación. Para configurarlo:

1. Entra a Device Manager dentro de Android Studio.
2. Selecciona el modelo Pixel 3, que ofrece un tamaño cómodo para pruebas.
3. Descarga la versión más reciente disponible, normalmente la versión R.
4. Asigna un nombre y elige la orientación vertical para programar con mayor comodidad [4:10].

Este emulador funciona tanto en Android Studio como en Visual Studio Code, así que solo lo configuras una vez.

Cómo instalar y configurar Flutter en Visual Studio Code

Visual Studio Code es la alternativa ligera para desarrollar con Flutter. Después de instalarlo siguiendo el asistente estándar, abre el panel de Extensiones y busca "Flutter". Instala la extensión oficial para activar los atajos y comandos del framework [5:10].

Para crear un proyecto desde aquí:

• Abre la barra superior de comandos.
• Escribe Flutter y selecciona New Project.
• Elige el tipo de aplicación, la ubicación y el nombre.
• Cuando aparezca el aviso de confianza, marca confiar en los autores [5:35].

¿Cuál es mejor para Flutter, Android Studio o Visual Studio Code? Ambos funcionan igual de bien. Android Studio integra emuladores y herramientas avanzadas, mientras que VS Code es más ligero y rápido. La elección depende de tu flujo de trabajo.

Con el SDK instalado, los IDE configurados y el emulador corriendo, tu ambiente de desarrollo está listo para construir aplicaciones reales. Si te trabaste en algún paso, deja tu duda en los comentarios para resolverla junto a la comunidad.