Hola Mundo en Ionic Framework 3

Hola Mundo en Ionic Framework 3

Para crear nuestro hola mundo en Ionic Framework primero debemos cumplir con el siguiente requisito:

Tener instalado Node JS
Para este post usaremos el editor de código Visual Studio Code.

Una vez instalado el Node JS abrimos nuestros editor de código el VS Code y abrimos una nueva terminal donde colocaremos el siguiente comando:

npm install -g ionic
Instalando Ionic Framework


Luego de esto dirigirnos hacia una carpeta mediante la terminal y ejecutar el siguiente comando, en mi caso lo hare en la carpeta videos:

Creando nuestro proyecto de Ionic
ionic start myApp

Luego nos aparecerá un menú como el siguiente donde tendremos que escoger el tipo de plantilla con el que deseamos iniciar el proyecto.

En este caso usaremos la plantilla blank:

Escoger plantilla de Ionic para nuestra app

Una vez ejecutado el codigo se habrá creado una carpeta con el nombre myApp en la ubicación donde ejecutamos el codigo en el terminal.

Ingresando a la carpeta de nuestro proyecto de Ionic

Entramos a la carpeta myApp y ejecutamos el siguiente código con el que podremos visualizar nuestra primera interfaz de la aplicación de Ionic usando el navegador.

Ejecutando nuestra app ionic
ionic serve --lab
Visualizando nuestra app creada en ionic

De esta forma se ejecutará en el navegador nuestra aplicación en Ionic Framework.

Publicar un comentario

Guardar mi nombre, correo electrónico y sitio web en este navegador la próxima vez que comente

0 Comentarios