Creación de aplicación básica Flutter

Una vez que ya se realizamos la descarga e instalación de Flutter SDK (podemos ver aquí), es momento de realizar la creación de nuestra primer APP básica en flutter.

App Flutter desde terminal

  • Ir a una ruta donde quiera crear la app de flutter o crear un directorio. Para este ejemplo, utilizaremos la siguiente:
cd /home/{USER}/Documents/github/personal/flutter-apps
  • Para crear una app Flutter, solo basta con ejecutar el comando:
flutter create my_app
  • Ingresar al directorio raíz de la app creada con:
cd my_app
  • Luego ejecutaremos el comando flutter run para lanzar la aplicación, pero para esto debemos tener un simulador montado. (pronto guía para instalar un simulador con Android Studio), de momento se mostrará en una ventana emergente. Si No hay configuración saldrá algo así:
  • Seleccionar la opción [1]: macOS (macos) y saldrá de esta manera:

Y así de fácil ya tenemos corriendo nuestra app Flutter desde la terminal.

App Flutter desde Visual Studio Code

También es posible abrir la app Flutter desde Visual Studio Code.

Descargar e instalar Visual Studio Code.

Para instalar Visual Studio Code, pueden seguir la guía en la página oficial aquí.
Para tener un poco más de detalle en la instalación de acuerdo al sistema operativo que estén utilizando aquí hay más información.

Una vez que ya realizamos la creación de la app con el comando flutter create my_app, podemos abrir la carpeta o directorio desde vscode.

  1. Una opción sería abrir vscode y arrastrar la carpeta dentro de vscode.
  2. Otra opción es abrir vscode y luego ir a File->Open Folder…
  • Seleccionar el directorio donde se creó la app Flutter.
  • Allí se abrirá la carpeta y se mostrará así:
  • Podemos abrir una terminal, Terminal->New Terminal.
  • Allí podemos ejecutar de nuevo el comando flutter run y nos mostrará algo así:

Conclusión

Iniciando en Flutter, así logramos crear nuestra primera app básica, espero les sea de utilidad y vengan más pronto. ¡gracias!.

Referencias

macOS install
To install and run Flutter, your development environment must meet these minimum requirements: Operating Systems: macOS…docs.flutter.dev

Setting up Visual Studio Code
Getting up and running with Visual Studio Code is quick and easy. It is a small download so you can install in a matter…code.visualstudio.com

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *