Ir al contenido

Guía de Flutter para novatos - Miguel Páramos

FAQ sobre Flutter pal que no tiene ni idea de Flutter | 2º DAM · PMDM

Cómo crear y probar un nuevo proyecto de Flutter desde cero (VS Code y Terminal)

Una vez instalado el SDK de Flutter y configurado el entorno, existen dos formas muy sencillas de crear un nuevo proyecto desde cero: desde la interfaz de Visual Studio Code o desde la terminal.

Opción 1: Directamente desde VS Code (Recomendada)

Sección titulada «Opción 1: Directamente desde VS Code (Recomendada)»
  1. Abre Visual Studio Code.
  2. Presiona Ctrl + Shift + P (para abrir la paleta de comandos).
  3. Escribe y selecciona: Flutter: New Project
  4. Elige el tipo de plantilla: selecciona Application.
  5. Se abrirá una ventana para elegir la carpeta donde quieres guardarlo (por ejemplo, en tus documentos o carpeta de proyectos).
  6. Escribe el nombre de tu proyecto (por ejemplo: mi_primera_app) y pulsa Enter.
  7. VS Code creará toda la estructura de archivos y abrirá el proyecto automáticamente listo para trabajar.

Opción 2: Desde la Terminal (PowerShell o CMD)

Sección titulada «Opción 2: Desde la Terminal (PowerShell o CMD)»

Si prefieres la consola:

  1. Abre tu terminal y ve a la carpeta donde quieras crear tus proyectos: cd C:\Ruta\De\TusProyectos
  2. Ejecuta el comando de creación: flutter create mi_primera_app (Si solo vas a trabajar en Web y Windows, puedes usar: flutter create --platforms=web,windows mi_primera_app).
  3. Abre el proyecto recién creado en VS Code: code mi_primera_app
  1. En VS Code, abre el archivo lib/main.dart.
  2. Asegúrate de que en la barra inferior derecha aparezca seleccionado Chrome (web-javascript) (si dice No Device, haz clic sobre él y elígelo).
  3. Presiona F5. ¡Tu nueva aplicación se compilará y abrirá en Google Chrome con depuración activa!