Día 1: instalación y configuración de Flutter
Hola amigos,
Gracias nuevamente por seguir aprendiendo de Flutter. Espero que estes emocionado de comenzar.
Pronto llegaremos a lo divertido.
Pero antes de eso, el primer paso es instalar Flutter SDK y familiarizarse con su IDE para que pueda aprovecharlo al máximo. Si ya ha hecho esto, puede ir al final y descubrir mis extensiones favoritas de VSCode.
Instalación
Las instrucciones de instalación completas están disponibles en el sitio web oficial:
Si desea crear aplicaciones Flutter en Android e iOS, deberá instalar los SDK correspondientes, así como el emulador de Android y el simulador de iOS. La guía de instalación anterior explica cómo hacer esto.
Nota: solo puede desarrollar aplicaciones Flutter para iOS en un sistema macOS. Si está en Windows, solo puede compilar para Android. Dicho esto, puede explorar servicios como macincloud y Remote Mac para crear aplicaciones iOS de forma remota.
Configurando su IDE
También necesitará un editor de código como Android Studio o Visual Studio Code , junto con los complementos de Dart y Flutter:
Para aprovechar al máximo su IDE, consulte la documentación para obtener sugerencias sobre cómo ejecutar y depurar sus aplicaciones, usar fragmentos de código, atajos de palabras clave y más:
- Android Studio y IntelliJ
- Visual Studio Code
Flutter doctor
Una vez que todo esté instalado (¡no olvide configurar la RUTA de su sistema en Windows o macOS !), Debería poder escribir flutter doctor en su terminal. Y su salida debería verse así:
Si flutter doctor no informa ningún error, ya tiene todo lo que necesita para comenzar a crear aplicaciones.
Es hora de una rápida prueba de manejo. Esta página te muestra cómo crear un nuevo proyecto de Flutter y ejecutarlo:
Bono: extensiones de VS Code para el desarrollo Flutter
Si usas VSCode, te recomiendo que agregues algunas extensiones útiles. Estos son mis favoritas:
- Bracker Pair Colorizer 2
- Dracula official theme (tema oscuro)
- Error Lens (obtiene comentarios sobre errores a medida que escribes: muy útil)
- Pubpec assist
- Todo Tree
Hay muchos otros , pero estos son los que uso todo el tiempo.
¡Felicitaciones, tu entorno de desarrollo Flutter está listo para funcionar!
Reto diario
Comparta en Twitter una captura de pantalla de la salida de su flutter doctor con el hashtag #aprendiendoflutter, ¡y has saber a todos que está aprendiendo Flutter!
