Configurar un Editor

Puedes construir apps con Flutter utilizando cualquier editor de texto combinado con nuestras herramientas en línea de comando. De cualquier manera, recomendamos utilizar alguno de nuestros plugin para una mejor experiencia. Con nuestros plugins de edición, podrás auto completar código, sintaxis resaltada, asistencia al editar widgets, apoyo para ejecutar & depurar, y más.

Siga los siguientes pasos para agregar un complemento al editor para Android Studio, IntelliJ o VS Code. Si quiere utilizar un editor diferente, está bien, simplemente salte al siguiente paso: crear y ejecutar tu primer app.

Instalar Android Studio

Android Studio ofrece una experiencia completa e integrada del IDE para Flutter.

Otra opción puede ser utilizar IntelliJ:

Instalar los plugins de Flutter y Dart

Para instalar estos:

  1. Inicie Android Studio.
  2. Abra preferencias de complementos (Preferences>Plugins en macOS, File>Settings>Plugins en Windows & Linux).
  3. Seleccione Browse repositories…, elige el complemento de Flutter y presione install.
  4. Presione Yes cuando aparezca para instalar el complemento de Dart.
  5. Presione Restart cuando aparezca.

Instalar VS Code

VS Code es un editor ligero con Flutter, asistencia al ejecutar y depurar.

  • VS Code, La versión estable más reciente.

Instalar el complemento de Flutter

  1. Inicie VS Code
  2. Llame View>Command Palette…
  3. Teclee ‘install’, y seleccione la acción ‘Extensions: Install Extension’
  4. Introduzca flutter en el campo de búsqueda, seleccione ‘Flutter’ en la lista, y presione Install

Valida tu configuración con Flutter Doctor

  1. Llame a View>Command Palette…
  2. Teclee ‘doctor’, y seleccione la acción ‘Flutter: Run Flutter Doctor’
  3. Revise la salida en el panel ‘OUTPUT’ para cualquier inconveniente.

Siguiente paso

Hagamos una prueba: crea un proyecto, ejecútalo y experimenta ‘hot reload’.