Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Instalar SDK de Flutter

    Cargado por

    David Ismael López Pérez
    94 vistas10 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como docx, pdf o txt
    94 vistas10 páginas

    Instalar SDK de Flutter

    Cargado por

    David Ismael López Pérez

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    Descargar como docx, pdf o txt
    de 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