Entorno de Desarrollo para empezar a desarrollar aplicaciones Moviles II
Tags: flutter, dart, development, programming
Published: 2023-08-30 20:33:33

## **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.
[](https://docs.flutter.dev/get-started/install)
![c](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bnefdid7w0ujsulpgmud.png)
Procedemos a descargar el SDK de flutter.
![b](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/04wqmpzg9q3y2eov26l4.png)
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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xqjfs7qs7g7y6wmvmpf9.png)
3. Buscamos env o variables de entorno en nuestro buscador de Windows.
![e](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bvm56q17ihvygy2fkrrd.png)
4. Hacemos clic en variables de entorno.
![f](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wsi1bnumb0xilg98khav.png)
5. Nos llevara a esta ventana, seleccionamos path y hacemos clcic en editar.
![g](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xdd4dwvhjdbxaw0e2glc.png)
6. Creamos uno nuevo y pegamos la ruta copiada, presionamos aceptar y cerramos la ventana.
![h](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9wriyzxp3j6hnr2tysx3.png)
7. Para verificar que se nos instalo flutter, vamos al cmd y escribimos `flutter doctor`, este comando actualizara algunas cosas.
![i](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r9dr4jfieo1fqozrq530.png)

## **Solucion de Problemas**

8. En mi caso vemos 2 problemas:
- Android Toolchain
- Visual Studio

1. 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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wuusug6zorr6roudbkvf.png)
![k](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/np77c3acsuis9g9wf9f7.png)
2. Para solucionar el problema de Android Toolchain escribimos:
`flutter doctor --android-licenses`, y le damos yes a todo.
![l](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b5tnegraknprceru92c9.png)
3. Para el tercer problema, no es necesario solucionar el de Visual Studio ya que solo queremos desarrollar aplicaciones moviles.
4. Podemos ver que solucionamos satisfactoriamente los problemas.
![m](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7toe8i2aj74oxezrlo61.png)

## **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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qqydhd5ju6pj43hxp6n7.png)

## **Creacion de primer proyecto**
1. Abrimos Visual Studio Code, seleccionamos View y Command Palette.
![commandpalette](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v3ausmaqf981hq7t1lf9.png)
2. Hacemos clic en flutter:new project.
![newproject](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g3a5nlmobcv1odrbwkvm.png)
3. Escojemos la platilla de app.
![p](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x7rxc80br2t1iopw85yx.png)
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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3rnc0u9lbqvsnhsnvhla.png)
5. Le pondremos el nombre que deseemos a nuestro proyecto y enter.
![r](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/528ubs08rnlfzcywbnmd.png)
6. Nos aparecera esta ventana, y simplemente aceptamos.
![s](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gljh7icvl71bkycthbsj.png)
7. Nuestro proyecto de flutter se habra creado automaticamente.
![d](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uonqpml1pb30k75wk01g.png)