Escribe tu primera aplicación Flutter con VS Code

Este artículo es una guía para los desarrolladores de aplicaciones de Flutter, especialmente, los principiantes que quieran lanzarse al desarrollo de Flutter.

Prerrequisitos

• Instalar Flutter
• Te recomiendo que uses uno de los dos editores para el desarrollo de Flutter: Visual Studio Code y Android Studio. Usaremos Visual Studio Code como nuestro editor.

Si aún no ha instalado Visual Studio Code, instálelo. Echale un vistazo aquí .

Para crear una aplicación Flutter, siga los siguientes pasos.

1. Abra Visual Studio Code e instale las extensiones para Flutter para su inteligencia de código y formato.
2. Para eso, encontrará la pestaña Extensiones en el lado izquierdo como en la captura de pantalla. Puede ver la cuarta opción en el menú vertical izquierdo, que es la pestaña Extensión. Haga clic en él y busque Dart e instálelo. Luego busque Flutter e instálelo y luego Material Icon Theme (para Material Icons en Flutter) e instálelo.

3. Ahora, está listo con las herramientas necesarias para el desarrollo de aplicaciones.
4. Ahora, necesitamos crear una aplicación Flutter. Para eso, vaya a Ver => Paleta de comandos (vea la captura de pantalla a continuación)

5. Escriba flutter y seleccione Flutter: New Project.

6. Ingrese un nombre de proyecto como myfirstapp y presione Enter.

   javascript generar pdf desde html

7. Cree o seleccione el directorio principal para la nueva carpeta del proyecto.

8. Espere a que se cree el proyecto y estará listo. Su primera aplicación de flutter se ha creado con una plantilla de contador predeterminada. : :)

9. El archivo de inicio de la aplicación es main.dart en la carpeta lib y casi necesita trabajar en la carpeta lib para la aplicación. Necesita trabajar en otras carpetas a veces cuando necesita configurar ajustes y complementos, pero eso es limitado.

10. Ahora ejecute su proyecto en un dispositivo externo conectado o en un emulador o simulador. Ejecuta el comando aleteo correr o en VS Code abre Debug => Start Debug (F5)

11. Si desea ejecutar aplicaciones en un dispositivo externo, conéctelo con una computadora portátil o de escritorio y para el modo de desarrollador de Android debe estar activado. Verá que el código de Visual Studio intenta detectar automáticamente el dispositivo externo que puede ver en la siguiente captura de pantalla que el código de Visual Studio detectó mi dispositivo. Consulte la parte inferior del código de Visual Studio.
    

12. En el lanzamiento exitoso, puede ver la aplicación de contador ejecutándose en su dispositivo o emulador o simulador.

    jquery eliminar elemento de la matriz

Conclusión

El marco Flutter es útil y fácil de iniciar el desarrollo móvil. Tanto Visual Studio como Android Studio tienen soporte IDE completo que hace que la experiencia de desarrollo sea mejor.

#flutter #vscode # aplicaciones-móviles