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.
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…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos…
Esta web usa cookies.