Want to create interactive content? It’s easy in Genially!

Get started free

Instalacion de Flutter

Yoshi de la Cruz

Created on August 30, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Video Tutorial Mobile

Health & medicine video mobile

Retro vintage video mobile

Butterflies video mobile

Isometric video mobile

Basic interactive video mobile

Glitch video mobile

Transcript

Instalacion de flutter

wow

Yoshi de la Cruz / Arturo Montelongo 9no semestre Aplicaciones moviles Mariana Victoria Portillo Ingenieria en sistemas computacionales

Parte 1: Instalar Flutter

Parte 1: Instalar Flutter

Paso 1: ir a la pagina de flutter y buscar el sdk dependiendo del sistema operativo donde se instalara

Paso 2: leer los requerimientos y revisar que nuestra computadora cumpla los requisitos.

Paso 3: Descargar el SDK de flutter.

Paso 4: Ir al disco local del equipo para crear una carpeta con el nombre src y mover dentro de esa carpeta el archivo descargado.

Paso 5: Extraer el archivo zip descargado y al finalizar, abrir el archivo flutter_console .

Listo, ya tenemos flutter

Paso 6: Copiar la ubicacion de la carpeta "bin" (se encuentra en los archivos extraidos dentre de la carpeta src)

Paso 7: Buscar en el explorador de windows "editar las variables de entorno de esta cuenta", abrirlo y actualizar el path.

Abrir

clic en editar

Aceptar

clic en nuevo

pegar ubicacion de bin

Paso 8: Abrir Powershell para correr el comando Flutter Doctor y que nos detecte las configuraciones.

Parte 2: Configurar Visual Studio Code para Flutter

Paso 1: Previamente haber creado una carpeta para guardar los proyectos de Flutter.

Paso 2: Abrir visual studio y descargar extensiones de flutter.

Extensiones recomendadas

Flutter de Dart Code Awesome Flutter Snippets Flutter Widget Snippets

Paso 3: teclear F1 y escribir flutter doctor para actualizar y reconocer todos los archivos

Nos mostrara los emuladores disponibles y fallos y aciertos a herramientas externas como android studio o visual studio code

Listo, ya tendriamos configurado Flutter en visual studio y ahora pueden empezar a crearse aplicaciones y hacer mas configuraciones para emular un dispositivo movil (en este caso con microsoft Edge)

Eso es todo por ahora.

Yoshi de la Cruz Arturo Montelongo