Ir al contenido principal

Cómo crear una app en Ionic 4

Hola que tal, todo en ionic 4 es a nivel de comandos, y para crear una aplicación no es la excepción, para poder crear una nueva app debemos ejecutar el siguiente comando:

ionic start <nombreDelaAplicacion> <template>
El comando para crear la aplicación sería ionic start los otros dos son parámetros que debes ir personalizando.
nombreDelaAplicacion.- Este parámetro se configura con el nombre de tu aplicación, por ejemplo si vas a crear una aplicación para restaurant, entonces ahi iria restaurant.
template.-  Este parámetro se llena con las plantillas que nos otorga ionic 4 para poder empezar a crear nuevas aplicaciones, entre las cuales puedes escoger las siguientes:
  • blank - plantilla totalmente en blanco, solo crea la carcasa.
  • tabs - plantilla que crea la app con navegacion entre paginas con tabs.
  • sidemenu - plantilla que crea una app con menu de navegación lateral,
  • super - plantilla que crea una app con todo lo básico para poder arrancar una aplicación real, tiene servicios, paginas, casi todo.
  • conference - plantilla que crea una app de la vida real y con excelentes ejemplos de buenas prácticas de programación.
  •  tutorial - app que muestra unas imagenes de slides como un tutorial de como hacer cada cosa.
 Ejemplo real:
ionic start restaurant blank
posterior a esto debes entrar al directorio donde creaste la app, con el comando cd restaurant y despues ejecutar el comando ionic serve para que se inicie el servidor y tener una vista previa de la aplicación.
Y ya tenemos una aplicación creada, ahora toca ir modificandola. Hasta la Próxima!!!!.

Considera los dos comandos aprendidos hoy, ionic start y el ionic serve.

Comentarios

Entradas populares de este blog

Crear un PDF con Ionic 4 y PDF Make (Paso a Paso)

Uno de los requisitos que he tenido que crear en apps del mundo real es la necesidad de crear un contrato en PDF, el mismo que tenga una imagen, y se puede descargar al dispositivo. PDF MAKE Investigando he dado con una librería llamada PDF Make, aquí esta el sitio web si gustas darle un super vistazo al sin número de opciones que tiene.  http://pdfmake.org/#/ , hasta tiene una parte donde tu mismo puedes experimentar  http://pdfmake.org/playground.html  algunos cambios, pero nosotros lo tenemos que implementar en ionic 5. Así que veamos como. Ionic 5 y Generación de PDF Creamos una nueva aplicación en ionic con el comando: ionic start crearPdf blank Necesitamos dos directivas instalarla en nuestro proyecto, con los siguientes comandos: ionic cordova plugin add cordova-plugin-file npm install @ionic-native/file En el modulo general, en app.module.ts tenemos que llamar al modulo file que nos ayudará una vez creado el PDF, generar el archivo para descar...

Cómo crear un diseño responsive en Ionic 4

Tutorial Principiante. Hola que tal el día de hoy hablamos sobre crear diseños adapatables a cada pantalla donde se ejecuta la aplicación, con el uso de la etiqueta ION-GRID dentro del código de ionic, el sitio de la documentación oficial nos dice lo siguiente: La cuadrícula es un potente sistema flexbox móvil primero para crear diseños personalizados. Se compone de tres unidades: una cuadrícula, fila (s) y columna (s). Las columnas se expandirán para llenar la fila y cambiarán de tamaño para adaptarse a columnas adicionales. Se basa en un diseño de 12 columnas con diferentes puntos de interrupción en función del tamaño de la pantalla. El número de columnas se puede personalizar con CSS. Básicamente para los que sabemos bootstrap es más de lo mismo un sistema en el cual puedes distribuir tus elementos en la pantalla con toda la ventaja de que es adaptable al dispositivo en donde se esta ejecutando. Su uso: < ion-grid > < ion-row > < ion-col size ...

Geolocalización con Ionic 4 y compatible con PWA

Hola mis amigos, el día de hoy vamos a crear una app de Geolocalización, esto nos ayudará a obtener las coordenadas de donde esta nuestro cliente para futuras implementaciones en diferentes escenarios, el día de hoy haremos una demo de geolocalización tanto que funcione para dispositivos, como para Web Browser. Empecemos. 1.- Creamos el proyecto en Ionic 4 con la sentencia: ionic start localizacion blank Esperamos que se cree la carpeta, las dependencias, etc, etc vamos a tomar un café y regresamos, (Y si, es necesario tener Internet en tu PC). 2.- Entramos al directorio creado con cd localización. 3.- Instalamos el plug-in que va hacer la magia por nosotros, el  Ionic 4 Geolocation plugin, usando el siguiente comando: ionic cordova plugin add cordova-plugin-geolocation 3.1.- Esto va instalar algunas dependencias de Ionic que serán necesarias para que funcione el proyecto. 3.2.- Instalamos las dependecias con el siguiente comando: npm install @ionic-nati...