Saltar al contenido principal

Instalar Flutter usando VS Code

Aprende cómo usar VS Code para instalar y configurar rápidamente el Flutter SDK.

Aprende cómo instalar y configurar Flutter en un editor basado en Code OSS. Esto incluye (entre otros) VS Code, Antigravity, Cursor y Windsurf.

Elige tu plataforma de desarrollo

#

Las instrucciones de esta página están configuradas para cubrir la instalación de Flutter en un dispositivo macOS.

Si quieres seguir las instrucciones para un sistema operativo diferente, selecciona uno de los siguientes.

Descarga el software requerido

#

Para configurar Flutter de la manera más fluida, instala primero las siguientes herramientas.

  1. Configura el soporte para Linux

    Si no has configurado el soporte para Linux en tu Chromebook antes, activa el soporte para Linux.

    Si ya has activado el soporte para Linux, asegúrate de que esté actualizado siguiendo las instrucciones para solucionar problemas con Linux.

  2. Descarga e instala los paquetes requeridos

    Usando apt-get o tu mecanismo de instalación preferido, instala las últimas versiones de los siguientes paquetes:

    • curl
    • git
    • unzip
    • xz-utils
    • zip
    • libglu1-mesa

    Si quieres usar apt-get, instala estos paquetes usando los siguientes comandos:

    sudo apt-get update -y && sudo apt-get upgrade -y
    sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa
    
  3. Descarga e instala Visual Studio Code

    Para instalar Flutter rápidamente, y luego editar y depurar tus aplicaciones, instala y configura Visual Studio Code.

  1. Instala las herramientas de línea de comandos de Xcode

    Descarga las herramientas de línea de comandos de Xcode para obtener acceso a las herramientas de línea de comandos en las que se basa Flutter, incluyendo Git.

    Para descargar las herramientas, ejecuta el siguiente comando en tu terminal preferida:

    xcode-select --install
    

    Si aún no has instalado las herramientas, debería abrirse un cuadro de diálogo confirmando que deseas instalarlas. Haz clic en Instalar, luego, una vez completada la instalación, haz clic en Listo.

  2. Descarga e instala Visual Studio Code

    Para instalar Flutter rápidamente, y luego editar y depurar tus aplicaciones, instala y configura Visual Studio Code.

  1. Instala Git para Windows

    Descarga e instala la última versión de Git para Windows.

    Para obtener ayuda con la instalación o resolución de problemas de Git, consulta la documentación de Git.

  2. Descarga e instala Visual Studio Code

    Para instalar Flutter rápidamente, y luego editar y depurar tus aplicaciones, instala y configura Visual Studio Code.

  1. Descarga e instala los paquetes requeridos

    Usando tu gestor de paquetes o mecanismo preferido, instala las últimas versiones de los siguientes paquetes:

    • curl
    • git
    • unzip
    • xz-utils
    • zip
    • libglu1-mesa

    En distribuciones basadas en Debian con apt-get, como Ubuntu, instala estos paquetes usando los siguientes comandos:

    sudo apt-get update -y && sudo apt-get upgrade -y
    sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa
    
  2. Descarga e instala Visual Studio Code

    Para instalar Flutter rápidamente, y luego editar y depurar tus aplicaciones, instala y configura Visual Studio Code.

Instalar y configurar Flutter

#

Ahora que has instalado Git y VS Code, sigue estos pasos para usar VS Code para instalar y configurar Flutter.

  1. Inicia VS Code

    Si aún no está abierto, abre VS Code buscándolo con Spotlight o abriéndolo manualmente desde el directorio donde está instalado.

  2. Añade la extensión de Flutter a VS Code

    Para agregar las extensiones de Dart y Flutter a VS Code, visita la página de extensiones de Flutter en el marketplace y haz clic en Install. Si tu navegador te lo solicita, permítele abrir VS Code.

  3. Instala Flutter con VS Code

    1. Abre la paleta de comandos en VS Code.

      Ve a View > Command Palette o presiona Command + Shift + P.

    2. En la paleta de comandos, escribe flutter.

    3. Selecciona Flutter: New Project.

    4. VS Code te pedirá que localices el SDK de Flutter en tu ordenador. Selecciona Download SDK.

    5. Cuando se muestre el cuadro de diálogo Select Folder for Flutter SDK, elige dónde quieres instalar Flutter.

    6. Haz clic en Clone Flutter.

      Mientras descarga Flutter, VS Code muestra esta notificación emergente:

      Downloading the Flutter SDK. This may take a few minutes.
      

      Esta descarga tarda unos minutos. Si sospechas que la descarga se ha colgado, haz clic en Cancelar y luego inicia la instalación de nuevo.

    7. Haz clic en Add SDK to PATH.

      Cuando se realiza con éxito, se muestra una notificación:

      The Flutter SDK was added to your PATH
      
    8. Es posible que VS Code muestre un aviso de Google Analytics.

      Si estás de acuerdo, haz clic en Aceptar.

    9. Para asegurarte de que Flutter esté disponible en todas las terminales:

      1. Cierra y luego vuelve a abrir todas las ventanas de terminal.
      2. Reinicia VS Code.
  4. Validar tu configuración

    Para asegurarte de haber instalado Flutter correctamente, ejecuta flutter doctor -v en tu terminal preferida.

    Si no se encuentra el comando o hay un error, consulta la solución de problemas de instalación de Flutter.

Continúa tu camino con Flutter

#

Ahora que has instalado Flutter con éxito, configura el desarrollo para al menos una plataforma de destino para continuar tu viaje con Flutter.