DEV Community

Abrilskop
Abrilskop

Posted on

Entorno de Desarrollo para empezar a desarrollar aplicaciones Moviles II

Instalacion de Flutter en Windows

  1. Nos dirigimos a la documentacion de Flutter, ahi nos especifica que tenemos que tener instalado Android Studio y el SDK. c Procedemos a descargar el SDK de flutter. b
  2. Añadimos al Path nuestra ruta, en mi caso yo lo guarde el el disco C, asi que copio la ruta para pegarla en el Path. C:\flutter\bin d
  3. Buscamos env o variables de entorno en nuestro buscador de Windows. e
  4. Hacemos clic en variables de entorno. f
  5. Nos llevara a esta ventana, seleccionamos path y hacemos clcic en editar. g
  6. Creamos uno nuevo y pegamos la ruta copiada, presionamos aceptar y cerramos la ventana. h
  7. Para verificar que se nos instalo flutter, vamos al cmd y escribimos flutter doctor, este comando actualizara algunas cosas. i

Solucion de Problemas

  1. En mi caso vemos 2 problemas:
  2. Android Toolchain
  3. Visual Studio

  4. Para solucionar el primer problema, nos dirigimos a SDK Maanagaer, vamos a la opcion de SDK tools y descargamos el componenete que nos falta, una ves instalado el problema se nos solucionara.
    j
    k

  5. Para solucionar el problema de Android Toolchain escribimos:
    flutter doctor --android-licenses, y le damos yes a todo.
    l

  6. Para el tercer problema, no es necesario solucionar el de Visual Studio ya que solo queremos desarrollar aplicaciones moviles.

  7. Podemos ver que solucionamos satisfactoriamente los problemas.
    m

Instalacion de Extenciones en VSCode

1.Por ultimo instalamos nuestra extencion de dart en visual studio code, cerramos y volvemos a abrir para que se actualice.
n

Creacion de primer proyecto

  1. Abrimos Visual Studio Code, seleccionamos View y Command Palette. commandpalette
  2. Hacemos clic en flutter:new project. newproject
  3. Escojemos la platilla de app. p
  4. Nos abrira el explorador de archivos, para que escojamos donde guardar nuestro nuevo proyecto, seleccionamos la carpeta en la que lo guardaremos y enter. q
  5. Le pondremos el nombre que deseemos a nuestro proyecto y enter. r
  6. Nos aparecera esta ventana, y simplemente aceptamos. s
  7. Nuestro proyecto de flutter se habra creado automaticamente. d

Top comments (0)