En este post te voy a relatar lo que hice para instalar el entorno de desarrollo de Flutter, incluyendo el SDK de Flutter, Android Studio y Visual Studio además del editor VSCode.
Aunque ya existe una guía oficial (y esa es la que seguí) quiero contarte los problemas que encontré y cómo fue que los solucioné.
Seguí las instrucciones de: https://docs.flutter.dev/get-started/install/windows
Pero te contaré mi proceso.
Necesitamos forzosamente Android Studio, pero me parece que Visual Studio es necesario solo si vamos a compilar para Windows.
Yo descargué todo, instalé Android Studio normalmente con las opciones por defecto y al abrirlo instalé el SDK que me sugirió, con la última versión.
En cuanto a Visual Studio, instalé las opciones por defecto para desarrollar en escritorio con C++. Me parece que fueron alrededor de 3GB lo que se descargó.
Yo extraje el SDK en C:\Users\parzibyte\Documents\desarrollo\flutter\sdk
de modo que en C:\Users\parzibyte\Documents\desarrollo\flutter\sdk
estaba la carpeta bin
, dev
, examples
, etcétera.
Agregué a la PATH C:\Users\parzibyte\Documents\desarrollo\flutter\sdk
Al ejecutar flutter doctor:
cmdline-tools component is missing
Run `path/to/sdkmanager –install “cmdline-tools;latest”`
See https://developer.android.com/studio/command-line for more details.
Nota: si a ti te dice que flutter no se reconoce como un comando interno o externo (o algo parecido) es porque no lo has agregado a la PATH o no has reiniciado las terminales abiertas.
Si te fijas, dice cmdline-tools component is missing, así que investigando vi que necesitamos instalar las herramientas de líneas de comandos de Android.
Procedí a abrir Android Studio y abrí el SDK Manager. Fui a la pestaña SDK Tools, marqué la opción de Android SDK Command-line Tools y luego hice clic en Apply.
Luego ejecuté flutter doctor
y me decía lo siguiente (faltaba aceptar algunas licencias de Android) :
! Some Android licenses not accepted. To resolve this, run: flutter doctor –android-licenses
Entonces hice lo que el comando anterior sugirió:
flutter doctor --android-licenses
Y ya después acepté escribiendo la letra y
además de aceptar con Enter
las veces que fuera necesario.
Volví a ejecutar flutter doctor
y apareció lo siguiente:
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.3.2, on Microsoft Windows [Versi¢n 10.0.22000.978], locale es-MX)
[√] Android toolchain – develop for Android devices (Android SDK version 33.0.0)
[√] Chrome – develop for the web
[√] Visual Studio – develop for Windows (Visual Studio Community 2022 17.3.4)
[√] Android Studio (version 2021.3)
[√] VS Code (version 1.71.1)
[√] Connected device (3 available)
[√] HTTP Host AvailabilityNo issues found!
Como ves, ya dice No issues found! por lo que la instalación está completa. Ya puedo compilar para Android, Windows y la web.
Dejaré las siguientes notas para mi yo del futuro.
Recuerda que puedes compilar para Android con flutter build apk
, y la apk lista para ser distribuida estará en build\app\outputs\flutter-apk
con el nombre app-release.apk
.
En el caso de compilar para Windows hay que ejecutar flutter build windows
y la carpeta que debes distribuir está en build\windows\runner\Release
al menos en mi caso.
La carpeta de Windows puede debería tener una carpeta llamada data
, un ejecutable con el nombre de la aplicación y flutter_windows.dll
.
Estoy usando Visual Studio Code, solo instalé la extensión de Flutter y reinicié el editor.
Yo recomiendo este editor porque es ligero y ya estoy acostumbrado al mismo, pero también se puede usar Android Studio.
Aquí te dejo más tutoriales de Flutter en mi blog.
En este post te enseñaré a imprimir la letra ñ en una impresora térmica. Voy…
En este post te quiero compartir mi experiencia tramitando un acta de nacimiento de México…
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Esta web usa cookies.