Como crear mi primera app - Flutter desde 0

 

Mi primera app ><


Hoy crearemos nuestra primera aplicación en flutter utilizando Visual Studio Code y Android Studio

Si no tienes flutter ni Android instalados en tu pc no te preocupes échale un ojo a estos posts:



Paso 1 : Creamos una carpeta en la cual guardemos todos nuestros proyectos 


en este caso yo escogí guardarlos en el escritorio 

Paso 3 : Abrimos nuestro Visual studio code
 

Paso 4 : Apretamos en conjunto las teclas "Ctrl + Shift + P" dentro del visual studio 

Paso 4 : Nos aparecerá este apartado


en el cual daremos click "Flutter: new project "
el cual creara un nuevo proyecto 


Seleccionamos que será una "Aplicación"



Seleccionamos donde guardaremos nuestra aplicación, en esta caso yo cree una carpeta proyectos en el escritorio y guardare en dicha carpeta todos mis proyectos 


Colocamos el nombre que le pondremos ala app "Recuerden que no se puede colocar mayúsculas"


en esta caso la llamare "app_de_prueba"
y le damos a la tecla enter

Paso 5 : Se nos creara la aplicación 


Paso 6 : Ahora ejecutaremos nuestra app en nuestro dispositivo virtual creado en Android studio

Apretamos en conjunto las teclas "Ctrl + Shift + P" dentro del visual studio 

Paso 7 : Nos aparecerá este apartado


Pero ahora le daremos a "Launch emulator"


nos aparecerá todos los dispositivos que tenemos en este caso yo abriré el que descargamos anteriormente el 
"Pixel 5 API 34 2"

Se empezara a ejecutar


Si es la primera vez que lo ejecutas demorar un poco, una vez que termino de cargar aparecerá el dispositivo 

Paso 7 : Acomodamos nuestro setup como queramos 


Así se ve mejor y para ejecutar la aplicación nos dirigimos a este botón


y nos aparecerá esta opción 


le damos a "Ejecución y depuración"


Ahora se estará instalando la apk de la app en el dispositivo por eso es que demora un poco


 Y listo ya esta ejecutando y corriendo la aplicación 


Nos aparecerá esta barra en la parte superior de Visual studio, desde ahí podremos detener el programa

Y así de fácil ya tienes tu primera app en flutter ><








 


















Artículo Anterior Artículo Siguiente