Crea una nueva aplicación de Flutter

Esta página ofrece instrucciones paso a paso sobre cómo inicializar una nueva aplicación de Flutter en tu entorno de desarrollo preferido.

Para crear una nueva aplicación de Flutter, primero configura Flutter, luego elige tu entorno preferido y sigue las instrucciones correspondientes.

Para crear una aplicación de Flutter con VS Code y otros editores basados en Code OSS, primero debes instalar Flutter y configurar VS Code para el desarrollo con Flutter. Luego, sigue estos pasos:

1. Inicia VS Code

   Abre VS Code o tu editor preferido basado en Code OSS.

2. Abre la paleta de comandos

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

3. Busca los comandos de Flutter

   En la paleta de comandos, comienza a escribir flutter:. VS Code debería mostrar los comandos del plugin de Flutter.

4. Ejecuta el comando para un nuevo proyecto

   Selecciona el comando Flutter: New Project. Es posible que tu sistema operativo o VS Code soliciten acceso a tus documentos, acepta para continuar al siguiente paso.

5. Elige una plantilla

   VS Code debería preguntarte Which Flutter template?. Dependiendo del tipo de proyecto de Flutter que quieras crear, elige la plantilla correspondiente. Para una nueva aplicación de Flutter, elige Application.

6. Selecciona la ubicación del proyecto

   Debería aparecer un cuadro de diálogo de archivos. Selecciona o crea el directorio padre donde quieres que se cree el proyecto. No crees la carpeta del proyecto en sí, la herramienta Flutter se encargará de ello. Para confirmar tu selección, haz clic en Select a folder to create the project in.

7. Ingresa el nombre del proyecto

   VS Code debería pedirte que ingreses un nombre para tu nuevo proyecto. Ingresa un nombre para tu aplicación que siga la convención de nomenclatura lowercase_with_underscores, siguiendo las pautas de Effective Dart. Para confirmar tu selección, presiona Enter.

8. Espera a que se inicialice el proyecto

   Con base en la información que ingresaste, VS Code usará flutter create para inicializar tu aplicación. El progreso suele mostrarse como una notificación en la esquina inferior derecha y también se puede acceder a él desde el panel Output.

9. Ejecutar tu aplicación

   Tu nueva aplicación ya debería estar creada y abierta en VS Code. Para probar tu nueva aplicación, sigue los pasos para ejecutar y depurar en VS Code.

¡Has creado con éxito una nueva aplicación de Flutter en VS Code! Si necesitas más ayuda para desarrollar con Flutter en VS Code, consulta la referencia de VS Code para Flutter.

Para crear una aplicación de Flutter con Android Studio, primero debes instalar Flutter y configurar Android Studio para el desarrollo con Flutter. Luego, sigue estos pasos:

1. Inicia Android Studio

   Abre Android Studio con los plugins de Dart y Flutter instalados.

2. Comienza la creación del proyecto

   Si estás en el diálogo de bienvenida del IDE que dice Welcome to Android Studio, busca y haz clic en el botón New Flutter Project en el centro.

   Si ya tienes un proyecto abierto, ciérralo o ve a File > New > New Flutter Project....

3. Elige un tipo de proyecto

   En el diálogo New Project, bajo Generators en el panel izquierdo, select Flutter.

4. Verifica la configuración del SDK de Flutter

   En la parte superior del panel derecho, asegúrate de que el valor de Flutter SDK path coincida con la ubicación del SDK de Flutter con el que te gustaría desarrollar. Si no es así, actualízalo eligiendo o especificando el correcto.

5. Configura tu proyecto

   Haz clic en Next para continuar con la configuración del proyecto. Deberían aparecer varias opciones de configuración.

   En el campo Project name, ingresa un nombre para tu aplicación que siga la convención de nomenclatura lowercase_with_underscores, siguiendo las pautas de Effective Dart.

   Si no estás creando una aplicación, selecciona otra plantilla del menú desplegable Project type.

   Si estás creando una aplicación que podrías publicar en el futuro, establece el campo Organization con el dominio de tu empresa.

   Los demás campos se pueden mantener tal como están o configurarse de acuerdo con las necesidades de tu proyecto.

6. Finaliza la creación del proyecto

   Una vez que hayas completado la configuración de tu proyecto, haz clic en Create para comenzar la inicialización del proyecto.

7. Espera a que se inicialice el espacio de trabajo

   Android Studio ahora inicializará tu espacio de trabajo, creará la estructura de archivos de tu proyecto y obtendrá las dependencias de tu aplicación. Esto puede tardar un poco y se puede seguir el progreso en la parte inferior de la ventana.

8. Ejecutar tu aplicación

   Tu nueva aplicación ya debería estar creada y abierta en Android Studio. Para probar tu nueva aplicación, sigue los pasos para ejecutar y depurar en Android Studio.

¡Has creado con éxito una nueva aplicación de Flutter en Android Studio! Si necesitas más ayuda para desarrollar con Flutter en Android Studio, consulta la referencia de Android Studio para Flutter.

Para crear una aplicación de Flutter con IntelliJ u otros IDE de JetBrains, primero debes instalar Flutter y configurar IntelliJ para el desarrollo con Flutter. Luego, sigue estos pasos:

1. Inicia IntelliJ

   Abre IntelliJ IDEA o tu IDE preferido basado en IntelliJ de JetBrains que tenga los plugins de Dart y Flutter instalados.

2. Comienza la creación del proyecto

   Si estás en el diálogo de bienvenida del IDE que dice Welcome to IntelliJ IDEA, busca y haz clic en el botón New Project en la esquina superior derecha.

   Si ya tienes un proyecto abierto, ciérralo o ve a File > New > New Project....

3. Elige un tipo de proyecto

   En el diálogo New Project, bajo Generators en el panel izquierdo, select Flutter.

4. Verifica la configuración del SDK de Flutter

   En la parte superior del panel derecho, asegúrate de que el valor de Flutter SDK path coincida con la ubicación del SDK de Flutter con el que te gustaría desarrollar. Si no es así, actualízalo eligiendo o especificando el correcto.

5. Configura tu proyecto

   Haz clic en Next para continuar con la configuración del proyecto. Deberían aparecer varias opciones de configuración.

   En el campo Project name, ingresa un nombre para tu aplicación que siga la convención de nomenclatura lowercase_with_underscores, siguiendo las pautas de Effective Dart.

   Si no estás creando una aplicación, selecciona otra plantilla del menú desplegable Project type.

   Si estás creando una aplicación que podrías publicar en el futuro, establece el campo Organization [con el dominio de tu empresa][ij-set-org].

   Los demás campos se pueden mantener tal como están o configurarse de acuerdo con las necesidades de tu proyecto.

6. Finaliza la creación del proyecto

   Una vez que hayas completado la configuración de tu proyecto, haz clic en Create para comenzar la inicialización del proyecto.

7. Espera a que se inicialice el espacio de trabajo

   IntelliJ ahora inicializará tu espacio de trabajo, creará la estructura de archivos de tu proyecto y obtendrá las dependencias de tu aplicación. Esto puede tardar un poco y se puede seguir el progreso en la parte inferior de la ventana.

8. Ejecutar tu aplicación

   Tu nueva aplicación ya debería estar creada y abierta en IntelliJ. Para probar tu nueva aplicación, sigue los pasos para ejecutar y depurar en IntelliJ.

¡Has creado con éxito una nueva aplicación de Flutter en IntelliJ! Si necesitas más ayuda para desarrollar con Flutter en IntelliJ, consulta la referencia de IntelliJ para Flutter.

Para crear una aplicación de Flutter con Antigravity, primero debes instalar y configurar Antigravity como se describe en la página de Antigravity. Luego, sigue estos pasos:

1. Abre Antigravity y crea un espacio de trabajo

   Inicia el IDE Antigravity y crea un espacio de trabajo nuevo y aislado (sandboxed) para tu proyecto usando el Agent Manager.

2. Usa el Agent Manager (administrador de agentes)

   Cambia a la interfaz del Agent Manager, que es donde interactúas con los agentes de IA mediante el chat.

3. Escribe prompts detallados

   Comunica los requisitos de tu aplicación al agente usando prompts detallados y estructurados, de forma similar a cómo darías instrucciones a un desarrollador junior. Por ejemplo, "Crea un nuevo proyecto de Flutter llamado my_app. Agrega una pantalla de inicio con una lista de elementos y un botón de acción flotante".

4. Revisa y aprueba el plan

   El agente de IA generará un plan de implementación detallado, que incluye la estructura de carpetas, dependencias y pasos. Puedes revisar este plan y hacer clic en Proceed o proporcionar comentarios para realizar cambios.

5. Autoriza las acciones

   El agente te pedirá permiso antes de ejecutar comandos de terminal (como flutter pub add o flutter create) o acceder al navegador/emulador. Revisa y acepta (Accept) estas acciones para permitir que el agente construya la aplicación.

6. Itera y perfecciona

   Una vez generada la aplicación inicial, puedes proporcionar más prompts para agregar funciones, refinar la interfaz de usuario, implementar la lógica o agregar persistencia (por ejemplo, "Agrega almacenamiento local usando shared_preferences").

7. Prueba la aplicación

   Usa el emulador integrado o conecta un dispositivo físico para probar la aplicación. El agente incluso puede ejecutar pruebas y proporcionar recorridos en video de la funcionalidad.

8. Verifica el código en el editor

   Puedes cambiar a la vista estándar del editor de código en cualquier momento para inspeccionar los archivos de Dart y Flutter generados, asegurándote de que la calidad del código cumpla con tus estándares.

Para crear una aplicación de Flutter en tu terminal, primero debes instalar y configurar Flutter. Luego, sigue estos pasos:

1. Abre tu terminal

   Abre tu método preferido para acceder a la línea de comandos, como Terminal en macOS o PowerShell en Windows.

2. Navega al directorio deseado

   Asegúrate de que tu directorio de trabajo actual sea el directorio padre deseado para tu nueva aplicación. No crees la carpeta del proyecto, la herramienta flutter se encargará de ello.

3. Configura la creación del proyecto

   En tu terminal, escribe el comando flutter create y añade los flags y opciones que desees para configurar tu proyecto. Por ejemplo, para crear una aplicación con un archivo main.dart mínimo, puedes agregar la opción --empty:

   $ flutter create --empty
   

   content_copy

   Para obtener información sobre las opciones de creación disponibles, ejecuta flutter create --help en otra ventana de la terminal.

4. Ingresa el nombre del proyecto

   Como único argumento que no es una opción para flutter create, especifica el directorio y el nombre predeterminado para tu aplicación. El nombre debe seguir la convención de nomenclatura lowercase_with_underscores, siguiendo las pautas de Effective Dart.

   Por ejemplo, si quisieras crear una aplicación llamada my_app:

   $ flutter create my_app
   

   content_copy

5. Ejecuta el comando configurado

   Para crear un proyecto con la configuración especificada, ejecuta el comando que construiste en el paso anterior.

6. Espera a que se inicialice el proyecto

   La herramienta flutter ahora creará la estructura de archivos de tu proyecto y obtendrá las dependencias necesarias. Esto puede tardar un poco.

7. Navega al directorio del proyecto

   Ahora que tu proyecto ha sido creado, puedes navegar a él en tu terminal o en tu editor preferido. Por ejemplo, con una shell de bash y un proyecto llamado my_app:

   $ cd my_app
   

   content_copy

8. Ejecutar tu aplicación

   Para probar tu nueva aplicación, ejecuta el comando flutter run en tu terminal y responde a las solicitudes para seleccionar un dispositivo de salida.

¡Has creado con éxito una nueva aplicación de Flutter en tu terminal! Si necesitas ayuda para configurar tu proyecto o con la herramienta de CLI de flutter, consulta la referencia de la CLI de Flutter.