Instalación rápida

Aprende cómo usar cualquier editor basado en Code OSS, como VS Code, para configurar tu entorno de desarrollo de Flutter y probar la experiencia de desarrollo con Flutter.

Si ya has desarrollado con Flutter antes, o prefieres usar un editor o IDE diferente, puedes seguir las instrucciones de configuración personalizada en su lugar.

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

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

Windows

macOS

Linux

ChromeOS

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
   

   content_copy

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.

   En su lugar, puedes instalar y usar cualquier otro editor basado en Code OSS que soporte extensiones de VS Code. Si decides hacerlo, para el resto de este artículo, asume que VS Code se refiere al editor de tu elección.

1. Instala git

   Si ya tienes git instalado, salta al siguiente paso: Descargar e instalar Visual Studio Code.

   Hay varias formas de instalar git en tu Mac, pero la que recomendamos es mediante Xcode. Esto será importante cuando dirijas tus compilaciones hacia iOS o macOS.

   $ xcode-select --install
   

   content_copy

   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.

   En su lugar, puedes instalar y usar cualquier otro editor basado en Code OSS que soporte extensiones de VS Code. Si decides hacerlo, para el resto de este artículo, asume que VS Code se refiere al editor de tu elección.

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.

   En su lugar, puedes instalar y usar cualquier otro editor basado en Code OSS que soporte extensiones de VS Code. Si decides hacerlo, para el resto de este artículo, asume que VS Code se refiere al editor de tu elección.

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
   

   content_copy

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.

   En su lugar, puedes instalar y usar cualquier otro editor basado en Code OSS que soporte extensiones de VS Code. Si decides hacerlo, para el resto de este artículo, asume que VS Code se refiere al editor de tu elección.

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 añadir las extensiones de Dart y Flutter a VS Code, visita la página del marketplace de la extensión de Flutter, luego haz clic en Instalar. 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.
      

      content_copy

      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
      

      content_copy

   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. Solución de problemas de instalación

   Si encuentras algún problema durante la instalación, consulta la sección de resolución de problemas de instalación de Flutter.

Instalar el Flutter SDK también instala automáticamente Dart. ¡Ahora puedes comenzar a crear aplicaciones Flutter!

Si ya estás familiarizado con la programación, puedes saltarte el tutorial de Dart e ir directamente a la primera lección de Flutter.