Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Instalar SDK de Flutter

Descargar como docx, pdf o txt
Descargar como docx, pdf o txt
Está en la página 1de 10

Manual de

instalación de
Flutter con VS
Code.

Docente: Lic. David I. López Pérez


1. Descarga el SDK de Flutter
 Puedes descargarlo del sitio oficial o desde el siguiente enlace. (Descargar)

2. Descomprimir el archivo una vez descargado y copiarlo en el disco local C:

3. Ahora procederemos a configurar el Path.


 Buscar en la configuración Editar las variables de entorno del sistema. o desde el
menú inicio.

 Aparece una ventana similar a la siguiente. La cual daremos clic en la opción


Variables de entorno.

 Seleccionar la opción Path. Luego Editar.

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 1


 En la opción Nuevo agregar la siguiente entrada C:\flutter\bin

 Clic en Aceptar.

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 2


4. Descargar e Instalar Visual Studio Code.
 Puedes descargarlo desde el sitio oficial o desde el siguiente enlace (Descargar)
 Una ves descargado procedemos a instalar.

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 3


5. Instalar plugin Flutter en Visual Studio Code.
 En la sección extensiones buscamos Flutter y seleccionamos Flutter support and
debugger….

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 4


 Clic en Install

 Para configurar Flutter en español puedes usar la combinación de teclas ctrl + shift +
p. luego escribes language e instalar el paquete en español.

 Visualizamos la instalación de Flutter mediante la consola cmd usando el comando


flutter doctor. En esta ventana mostrar en que IDE está instalado flutter.

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 5


6. Creando nuestro primer proyecto Flutter.
 En el menú VerPaleta de comandos (ctrl + shift+p) Escribir lo siguiente.

 Cuando seleccionamos New Application Project nos enviara a seleccionar una


carpeta por lo tanto procederemos a crear una si no la tienen aún creada. En mi caso
utilice el escritorio con una carpeta llamada App-CursoMoviles.

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 6


 Clic en Select a Folder to create the Project in

 Escribir el nombre de la aplicación (Utilizar minúsculas sin separación). Luego Enter.

 Activar confiar en los autores de todos los archivos de la carpeta principal


“App_CursoMoviles”.

 Usamos Yes en este mensaje de recomendación Dart & Flutter

 Ya nuestra aplicación estaría generada observa los archivos generados en la carpeta


del proyecto.

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 7


 Desde la paleta de comando de visual code (Ctrl + Shift + P) escribimos Select
Device

 Podemos utilizar alguno de los navegadores disponible en el equipo.

Ahora compilar el proyecto usando F5

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 8


 Observar el resultado en tu navegador determinado para emular.

Realiza un cambio básico como lo siguiente

 Vuelve a compilar con F5

 Muchas felicidades has configurado tu IDE desarrollador para aplicaciones móviles.

DOCENTE: LIC. DAVID I. LÓPEZ PÉREZ 9

También podría gustarte