Crear un proyecto IONIC

Hola a todos, hoy os voy a explicar como crear un proyecto base en Ionic.

Ionic es un SDK completo de código abierto para desarrollo de aplicaciones móviles híbridas con la que podemos crear nuestros proyectos para diferentes plataformas como android, ios, etc.

Lo primero es instalar el cliente de comandos de ionic:

https://www.discoduroderoer.es/como-instalar-ionic-cli

Abrimos una terminal y nos posicionamos donde queramos guardar nuestros proyectos.

Cuando ya tengamos ionic instalado, podremos ejecutar el siguiente comando:

$ ionic start [options]

Donde el name será el nombre de nuestra aplicación, por ejemplo:

$ ionic start test-app

Nos pedirá que framework usar (Angular, React, Vue).

Sino indicamos el template, nos lo pedirá por teclado:

Las plantillas son las siguientes:

  • tabs: aplicación con un sistema de tabs como navegación.

  • sidemenu: aplicación con un menú incluido.

  • blank: aplicación vacia.

  • list: aplicación con una lista.

  • my-first-app: Ejemplo de aplicación de una galería de fotos, con cámara incluida.

  • conference: Ejemplo de proyecto que simplemente muestra componentes Ionic en una aplicación del mundo real.

Los más comunes son blank y tabs.

También tenemos las siguientes opciones:

  • –list: Muestra la lista de templates disponibles. Alias -l.
  • –type=<type>: framework a utilizar.
  • –cordova: Indica si incluir cordova.
  • –capacitor: Indica si incluir capacitor.
  • –id=<id>: Especifica el id de la aplicación.
  • –no-deps: No instala dependencias.
  • –no-git: No inicializa el repositorio de git.
  • –project-id=<slug>: especifica el slug de la aplicación.
  • –package-id=<id>: Especifica el bundle ID de nuestra app.

Recuerda que si quieres saber más de Ionic, tengo un curso en udemy muy completo donde te enseño paso a paso todo sobre Ionic realizando aplicaciones.

Aprende IONIC 6 con proyectos prácticos udemy

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Etiquetas

Deja un comentario

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