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 a mano desde la terminal o VS Code una app nueva vacía de Flutter

Hay dos formas muy sencillas de crear nuevas aplicaciones de Flutter a mano: desde la propia interfaz gráfica de VS Code o directamente desde la terminal.

Opción 1: Desde la Terminal (La más rápida y con control total)

Sección titulada «Opción 1: Desde la Terminal (La más rápida y con control total)»
  1. Abre la terminal integrada de VS Code (Ctrl + `) o una consola del sistema.

  2. Navega hasta la carpeta donde guardas tus proyectos:

    Ventana de terminal
    cd ~/mis_proyectos/ # Navega al directorio donde almacenas tus proyectos de desarrollo
  3. Ejecuta el comando oficial de creación de Flutter:

    Ventana de terminal
    flutter create nombre_de_tu_app # Crea la estructura completa del proyecto con el nombre indicado
  1. Entra a la carpeta del proyecto recién creado y ábrelo en VS Code:

    Ventana de terminal
    cd mi_nueva_app # Accede al directorio recién generado por Flutter
    code . # Abre la carpeta en la ventana activa de Visual Studio Code
  2. Para probarlo en tu navegador o emulador, pulsa F5 en VS Code o escribe en terminal:

    Ventana de terminal
    flutter run # Compila y lanza la aplicación en el dispositivo o navegador activo

Opción 2: Desde la interfaz de VS Code (Sin tocar comandos)

Sección titulada «Opción 2: Desde la interfaz de VS Code (Sin tocar comandos)»
  1. Presiona Ctrl + Shift + P para abrir la paleta de comandos.
  2. Escribe y selecciona: Flutter: New Project.
  3. Elige la plantilla: selecciona Application (o Empty Application si tu versión de extensión de Flutter ya la incluye).
  4. Se abrirá una ventana del gestor de archivos: elige la carpeta contenedora donde quieres ubicar el proyecto.
  5. Escribe el nombre de la app (en minúsculas y sin espacios, por ejemplo mi_nueva_app) y pulsa Enter.
  6. VS Code generará toda la estructura y abrirá una nueva ventana directamente situada en tu nuevo proyecto.